22 插件
摘要：1、功能：用于增强Vue 2、本质：包含install方法的一个对象，install的第一个参数的Vue，第二个及以后的参数是插件使用这传递的数据。 定义插件： 对象.install = function(Vue,options){ //1.添加全局过滤器 Vue.filter(....) //2.
阅读全文
21 _props配置
摘要：配置项props 功能：让组件接收外部传来的数据。 (1)传递数据： (2)接收数据： 第一种方式(只接收)： props:['name'] 第二种方式(限制类型)： props:{ name:String } 第三种方式(限制类型，限制必要性，指定默认值) props:{ name:{ type:
阅读全文
20 ref属性
摘要：一.用处 1.被用来给元素或子组件注册引用信息； 2.应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象； 3.使用方式： <template> <div> <h1 v-text="msg" ref="title"></h1> <School ref="sch"></Scho
阅读全文
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 迭代器的语法。
阅读全文
10绑定class，绑定style文件
摘要：绑定样式总结 class样式 写法： :class="xxx" xxx可以是字符串、对象、数组。 字符串写法适用于：类名不确定，要动态获取。 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。 style样式 :styl
阅读全文
09watch(监视属性)对比computed(计算属性)
摘要：一、监视属性 与 计算属性 普通实现对比 二、监视属性 与 计算属性 异步实现对比 三、对比 computed和watch之间的对比： 1.computed能完成的功能，watch都能完成； 2.watch能完成的功能，computed不一定能完成，例如：watch能完成异步操作。 两个重要小原则：
阅读全文
08天气案例-监视属性
摘要：一、深度监视 <html lang="en"> <head> <meta charset="UTF-8"> <title>深度监视</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <
阅读全文
07姓名案例-计算属性实现
摘要：计算属性： 1.定义：要用的属性不存在，需要用已有的属性计算得来。【这里的属性指：vm._data内的属性】 2.原理：底层借助了Object.defineproperty方法提供的getter和setter 3.get函数什么时候执行？ （1）初次读取时会执行一次； （2）当依赖的数据发生变化时会
阅读全文
06事件的基本使用
摘要：1.使用v-on:XXX 或@xxx 绑定事件，其中xxx是事件名； 2.事件的回调需要配置在methods对象中，最终会在vm上； 3.methods中配置的函数，不要用箭头函数，否则this就不是vm了； 4.methods中配置的函数，都是被Vue所管理的函数，this的指向是vm或 组件相关
阅读全文
04理解MVVM
摘要：一、MVVM模型 M(Model)：对于data中的数据 V(View)：模板 VM(ViewModel)：Vue实例对象，一般使用vm代表 观察发现： data中的所有属性，最后都出现在vm身上。 vm身上所有属性，及Vue原型上所有属性，在Vue模板中都可以直接使用 体现在代码里如下图： 模板V
阅读全文
