Vue.js 第629页
-
Vue.js源码分析(二十三)指令篇v-show指令详解
v-show的作用是将表达式值转换为布尔值，根据该布尔值的真假来显示/隐藏切换元素，它是通过切换元素的display这个css属性值来实现的，例如:<!D...
-
Vue.js源码分析(二十二)指令篇v-model指令详解
Vue.js提供了v-model指令用于双向数据绑定，比如在输入框上使用时，输入的内容会事实映射到绑定的数据上，绑定的数据又可以显示在页面里，数据显示的过程是自...
-
Vue.js源码分析(二十一)指令篇v-pre指令详解
该指令会跳过所在元素和它的子元素的编译过程，也就是把这个节点及其子节点当作一个静态节点来处理，例如:<!DOCTYPE html> &l...
-
Vue.js源码分析(二十)指令篇v-once指令详解
数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值，例如:<p>Message: {{ msg }}</p>...
-
Vue.js源码分析(十九)指令篇v-html和v-text指令详解
双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令，例如:<!DOCTYPE htm...
-
Vue.js源码分析(十八)指令篇v-for指令详解
我们可以用 v-for 指令基于一个数组or对象来渲染一个列表，有五种使用方法，如下:<!DOCTYPE html> <html&...
-
Vue.js源码分析(十七)指令篇v-if、v-else-if和v-else指令详解
v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染。v-else-if，顾名思义，充当 v-if 的“else-if...
-
Vue.js源码分析(十六)指令篇v-on指令详解
可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码，例如:<!DOCTYPE html> <...
-
Vue.js源码分析(十五)指令篇v-bind指令详解
指令是Vue.js模板中最常用的一项功能，它带有前缀v-,比如上面说的v-if、v-html、v-pre等。指令的主要职责就是当其表达式的值改变时，相应的将某些...
-
Vue.js源码分析(十四)基础篇组件自定义事件详解
我们在开发组件时有时需要和父组件沟通，此时可以用自定义事件来实现组件的事件分为自定义事件和原生事件，前者用于子组件给父组件发送消息的，后者用于在组件的根元素上直...
-
Vue.js源码分析(十三)基础篇组件props属性详解
父组件通过props属性向子组件传递数据，定义组件的时候可以定义一个props属性，值可以是一个字符串数组或一个对象。例如:<!DOCTYPE ...
-
Vue.js源码分析(十二)基础篇组件详解
组件是可复用的Vue实例,一个组件本质上是一个拥有预定义选项的一个Vue实例,组件和组件之间通过一些属性进行联系。组件有两种注册方式，分别是全局注册和局部注册，...
-
Vue.js源码分析(十一)基础篇过滤器filters属性详解
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)...
-
Vue.js源码分析(十)基础篇ref属性详解
ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用...
-
Vue.js源码分析(九)基础篇生命周期详解
先来看看官网的介绍:主要有八个生命周期，分别是:beforeCreate、created、beforeMount、mounted、beforeupdate、up...
