19 内置指令
摘要：一、我们学过的指令： v-bind:单向绑定解析表达式，可简写为 :xxx v-model:双向数据绑定 v-for:遍历数组/对象/字符串 v-on:绑定事件监听，可简写为 @ v-if:条件渲染（动态控制节点是否存在） v-else:条件渲染（动态控制节点是否存在） v-show:条件渲染（动态
阅读全文
18 vue脚手架—render函数
摘要：一、关于不同版本Vue： 1.vue.js 和 vue.runtime..js的区别： (1)vue.js是完整版的Vue，包含核心功能+模板解析器 (2)vue.runtime..js是运行版的Vue，只包含核心功能，没有模板解析器。 2.因为vue.runtime.***.js没有模板解析器，所
阅读全文
17 一个重要的内置关系
摘要：1.一个重要的内置关系：VueComponent.prototype.proto Vue.prototype 2.为什么要有这个关系：让组件实例对象vc 可以访问到Vue原型上的方法。 3.关系解析
阅读全文
15 组件的几个注意点
摘要：几个注意点： 1.关于组件名： 一个单词组成： 第一种写法(首字母小写)：school 第二种写法(首字母大写)：School 多个单词组成： 第一种写法(kebab-case)：my-school 第二种写法(CamelCase命名)：MySchool(需要Vue脚手架支持) 备注： (1).组件
阅读全文
14 非单文件组件
摘要：一、模块 1.理解：向外提供特定功能的js程序，一般就是一个js文件 2.为什么：js文件很多很复杂 3.作用：复用js,简化js的编写，提高js运行效率。 二、组件 1.理解：用来实现局部（特定）功能效果的代码集合(html/css/js/image...) 2.为什么：一个界面的功能很复杂 3.
阅读全文
13 总结Vue数据监测
摘要：总结Vue数据监测 1.Vue会监视data中所有层次的数据。 2.如何监测对象中的数据？ 通过setter实现监视，切要在new Vue时，就传入要监测的数据。 （1）.对象中后追加的属性，Vue默认不做响应式处理。 （2）.如需给后添加的属性做响应式，请使用如下API： Vue.set(targ
阅读全文
05数据代理
摘要：一、回顾Object.defineproperty方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <div><p>标题</p></div> <script type=
阅读全文
12 列表渲染-列表过滤
摘要：<html> <head> <title>列表过滤</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 列表过滤两种实现方式： 1、watch监听实现； 2、computed计
阅读全文
12 key的原理
摘要：一、index作为key 二、唯一标识如id作为Key 三、不写key 当不写key时，Vue默认将index作为key。 四、面试题：react、vue中的key有什么作用？(key的内部原理) 1、虚拟DOM中key的作用： key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据【
阅读全文
11 列表渲染-基本列表
摘要：一、 v-for指令 1、用于展示列表数据； 2、语法：v-for="(item,index) in xxx" :key="yyy"； 3、可遍历：数组，对象，字符串（用的很少）、指定次数（用的很少）； 4、你也可以用 of 替代 in 作为分隔符，因为它更接近 JavaScript 迭代器的语法。
阅读全文
