摘要： 1.过渡与动画什么时候生效 在插入，更新，移除DOM元素时，在合适的时候给元素添加样式类名 2.动画 1.定义 transition name appear 2.定义 xxx-enter-active，xxx-leave-active <template> <div id="app"> <butto 阅读全文

摘要： Vue 实现响应式并不是数据发⽣变化之后 DOM ⽴即变化，⽽是按⼀定的策略进⾏ DOM 的更新。 $nextTick 是在下次 DOM 更新循环结束之后执⾏延迟回调，在修改数据之后使⽤ $nextTick，则可以在回调中获取更新后的 DOM，在下次 DOM 更新循环结束之后执行延迟回调。 简单的理 阅读全文

摘要： pubsub，即订阅发布，在vue中常常被用于任意组件间的传值 1.安装pubsub npm install pubsub-js 2.在需要进行传值的位置引入pubsub import Pubsub from 'pubsub-js' 3.消息订阅与发布 //消息订阅 第一个参数消息订阅名称，第二个参 阅读全文

摘要： props属性： 作用是让父组件可以给子组件传递data中的数据 注意子组件不能修改props中的数据，只能访问 父组件 <template> <div id="App"> <!--给组件传入参数--> <human :name="name" :bodyObj="bodyObj"></human> 阅读全文

摘要： 1.自定义插件 myPlugin.js export default { install(Vue) { console.log("Vue.use() 会调用此方法",Vue) } } 2.使用插件 import Vue from 'vue' import App from './App.vue' / 阅读全文

摘要： 1.生命周期钩子 <script> new Vue({ beforeCreate() { console.log('beforeCreate') }, created() { console.log('created') }, beforeMount() { console.log('beforeM 阅读全文

摘要： 1.过滤器 局部过滤器 <!--使用一个过滤器，单个参数--> <div>{{"levi" | filterTest1}}</div> <!--使用一个过滤器，多个参数--> <input type="text" v-bind:value="'levi' | filterTest2('ackerma 阅读全文

摘要： 1.vue.set 添加属性与修改属性 Vue.set(target，propertyName/index，value) vm.$set(target，propertyName/index，value) <div id="root"> <button v-on:click="addAttr">点击添 阅读全文

摘要： 1.条件熏染 v-if (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景 特点：不展示的DOM元素直接被移除 注意：v-if可以和:v-else-if，v-else一起使用，但要求结构不能被“打断” <div id=" 阅读全文

摘要： vue2 - 模板语法 插值语法，属性单向绑定，属性双向绑定，v-clock，v-text，v-html，v-once，v-pre vue2 - 事件，事件的绑定，事件属性，键盘事件 vue2 - 计算属性，计算属性简写，监听属性，深度监听，监听属性简写，两个重要的小原则 vue2 - 绑定clas 阅读全文