摘要：（1）过渡的类名 v enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v enter active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。 阅读全文

摘要：如果一个组件内没有包含一个元素，那么该组件标签开始和结束之间的任何内容会被抛弃； 父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。 如果想插入多个不同的slot到指定的位置，可以为每个插槽指定一个名字：如下所示 注：一个不带 name 的 出口会带有隐含的名字 阅读全文

摘要：（1） 等价于： 其中$event.target.value表示获取输入框的值。 （2）当用在组件上时，v model 则会这样： 其中$event表示$emit抛出的值，即$emit的第二个参数。 （3）将（2）写成代码为： Vue.component('custom input', { prop 阅读全文

摘要：操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除 阅读全文

摘要：（1）计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护： {{ message.split('').reverse().join('') }} 将上述例子改成： Original message: "{{ message }}" Co 阅读全文