摘要： vue 提供了一些显示、隐藏一些不同的过渡，效果主要跟 v-if v-show 动态组件 1. vue 给动画分了 6 个过程，在 css 中扮演 6 个类 .v-enter 定义动画的开始状态 .v-enter-active 定义动画生效时的状态 .v-enter-to 定义动画结束是的状态 .v 阅读全文

摘要： 浏览器遇到不认识的东西会跳过 插槽：slot v-slot 页面渲染时候，slot 元素会被替换成组件标签里面的东西 slot 可以包含的内容和标签，也可以嵌套其他组件 1. 插槽 slot 2. 编译作用域：在谁的模板下，组件标签的数据就是谁的 3. 默认内容：在 <slot> 这里面的内容就是默 阅读全文

摘要： 自定义事件：用来子组件将数据信息传递给父组件 注意：我们自定义的是事件名，而不是事件函数 举例： <div onclick="fn"> 点我 </div> 事件名：onclick 事件函数：fn 我们在 Vue 中使用 this.$emit('eventname'); 定义了一个叫 eventnam 阅读全文

摘要： mvvm m：代表 data v 代表 view vm 代表 Vue 的实例 v-cloak 指令 解决闪烁的问题 需要在 style 标签中加入 [v-cloak];{ display:none } v-bind 指令 绑定属性 简写　: v-on 指令 绑定事件 简写　@ 指定的函数带() 表示 阅读全文

摘要： v-model 实现的原理 angular 是 mvc 的实现原理，ng-model 是靠脏值检测实现的 脏值检测：for 循环一个个对比 vue 靠的是数据劫持 和 发布者，订阅者模式 数据劫持：Object.defineProperty() 这个方法 delete 关键字，主要用于删除 生成对象 阅读全文

摘要： diff 算法两种解释： diff 算法，通过虚拟 dom 进行对比，谁变了更新谁，传统方法中，我们改一个部分，dom 就要重新渲染 diff 算法，原先 dom 树中，有一处数据发生改变，整个 dom 树都会重新渲染，diff 算法，在虚拟 dom 中，原有的进行对比，谁变了，就渲染谁，没变的 d 阅读全文

摘要： 两个插件：vue-loader vue-template-compiler 这次我们直接在图片来说明 看上面下载的插件，来使用 vue-loader 功能将 vue 文件中的三个模块，解析和转换 vue 主件，提供了其中的 script，样式 style，以及 template，在分别交给别的模块处 阅读全文

摘要： 组件：component 什么是组件？ 组件是 vue 中的一个可复用的实例，所以 new vue 的是 vue 中最大的那个组件，跟组件，有名字，使用的时候以单标签 或 双标签使用 var vm = new Vue() // 这本身就是组件，最大组件具有很多实用的属性，例如：data（数据），me 阅读全文

摘要： 1. 计算属性 computed 2. 监听属性 watch 注意事项： watch 中的方法名是对应的属性，当这个属性发生变化时，就会触发相对应的函数 3. :class 和 :style 讲解 1. :class = "a" 说明 vue 中有个叫 a 的属性 ，这个标签的 class 就是 a 阅读全文

摘要： vue 的闪烁问题 v-cloak 指令 便可解决 须在 <style> [v-cloak]{ display:none } </style> 计算机内存可以理解为浏览器内存，且里面是有一个虚拟的dom，是存在文档碎片里面的 1. vue 是一个 mvvm 框架，angular 是一个 mvc 框架 阅读全文