摘要：
会有6个css类名在leave/enter过渡中切换 1，v-enter：定义进入过渡的开始状态，在元素被插入时生效，在下一帧中移除 2，v-enter-active:定义过渡的状态。在元素整个过渡过程中作用，在元素被插入时生效，在transition/animation完成后移除。这个类可以被用来 阅读全文
摘要：
vue在插入，更新，或者移除DOM时，提供多种不同方式的应用过渡效果，包括以下工具： 在css过渡和动画中自动应用class 可以配合使用第三方的插件库，例animate.css 在过渡钩子函数中使用javascript直接操作DOM 可以配合使用第三方javascript动画库，如 Velocit 阅读全文
摘要：
声明响应式属性 由于vue不允许动态添加根级响应式属性，所以你必须在初始化实例前声明根级响应式属性，哪怕只是一个空值： var vm = new Vue({ data: { // 声明 message 为一个空值字符串 message: '' }, template: '<div>{{ messag 阅读全文
摘要：
vue最显著的特性就是不太引人注意的响应式系统(reactivity system),模型层（model）只是普通的javascript对象,修改它则更新视图view。这会让状态管理变得非常简单且直观。 如何追踪变化？ 把一个普通javascript对象传给vue实例的data选项，Vue将遍历此对 阅读全文
摘要：
如果子组件有inline-template特性，组件将把它的内容当做模板，而不是把它当做分发内容，这样模板更灵活。 <my-component inline-template> <div> <p>These are compiled as the component's own template.< 阅读全文
摘要：
自2.3.0起，异步组件的工厂函数也可以返回一个如下的对象。 const AsyncComp = () => ({ // 需要加载的组件. 应当是一个 Promise component: import('./MyComp.vue'), // loading 时应当渲染的组件 loading: Lo 阅读全文
摘要：
动态组件 通过使用保留的<component>元素，动态的绑定到它的is特性，我们让多个组件同时使用同一个挂载点，并动态切换： var vm = new Vue({ el: '#example', data: { currentView: 'home' }, components: { home: 阅读全文
摘要：
作用域插槽是一种特殊类型的插槽，用作使用一个（能够传递数据到）可重用模板替换已渲染元素。 在子组件中，只需将数据传递到插槽，就像你将props传递给组件一样： <div class="child"> <slot text="hello from child"></slot> </div> 在父级中， 阅读全文
摘要：
有时候两个组件也需要通信（非父子关系），在简单的场景下，可以使用一个空的vue实例作为中央事件总线： var bus = new Vue(); //触发组件a中的事件 bus.$emit('id-selected',1) //在组件B创建的钩子中监听事件 bus.$on('is-selected', 阅读全文
摘要：
注意：vue组件中的data必须为一个函数，要不vue就会停止工作。 构成组件 组件意味着协同工作，通常父子组件会是这样的关系：组件A在它的模板中使用了组件B，他们之间必然需要相互通信：父组件需要给子组件传递数据，子组件需要将它内部的发生的事情告诉父组件。然而，在一个良好定义的接口中尽可能将父子组件 阅读全文