vue

如图，后添加的数据sex："男"，会出现在vm身上，但是往下看，可以发现sex没有get和set 解决方法：在想要添加数据的地方前面加$set,就会出现get和set，页面就会出现响应 有局限性？ 只

安装全局事件总线的时候用到了生命周期函数 beforeCreate 全局事件总线，详细代码过程如下： 实现兄弟组件之间的通讯：

自定义事件解绑$off 父组件 子组件 生命周期函数 destoryed（） 生命周期函数不仅在vm身上可以使用，在vc上亦一样 先点击销毁当前组件实例对象后（destory生命周期函数），再点击a+

以前学过：通过父组件给子组件传递函数类型的props实现：子给父传递数据 新学：通过父组件给子组件绑定一个自定义事件实现：子给父传递数据

假设Header和List是兄弟组件。一般情况下，兄弟组件是不能通讯的：缺少中间的黄线 原始解决方式： 此段代码实现了父传子，子传父

如图，代码里背景色不同，但显示结果却相同，这是因为样式名冲突覆盖了。一般在App.vue文件的style不添加scope，因为App里面的style一般是很多组件的共同属性，App里的style，可以

组件里面如果有很多的配置是相同的，可以借助混合去复用 1.功能：可以把多个组件共用的配置提取成一个混入对象 2.使用方式： 第二步使用混入： 全局混入：Vue.mixin(xxx) 局部混入：mixi

功能：让组件接收外部传过来的数据 传递数据：<Demo name="xxx"/> 接收数据： 第一种方式（只接收）：props:['name'] 第二种方式（限制类型）：props:{name:Str

被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： 打标识：<h1 ref="xxx">.....</h1

单文件组件的后缀都是 .vue App.vue 管理总的组件 例如student.vue   school.vue 创建vue实例，在js文件，把App.vue引入 最后准备一个容器，el挂载上去

一个重要的内置关系：VueComponent.prototype.proto === Vue.prototype 为什么要有这个关系?让组件实例对象（vc）可以访问到 Vue原型上的属性、方法。 在v

Vue中使用组件的三大步骤：   一、定义组件(创建组件)   二、注册组件   三、使用组件(写组件标签) 一、如何定义一个组件？  使用Vue.extend(options)创建，其中option

生命周期： 又名：生命周期回调函数、生命周期函数、生命周期钩子。 是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。 生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 生命周

一、定义语法： (1).局部指令： new Vue({ new Vue({ directives:{指令名:配置对象} 或 directives{指令名:回调函数} }) }) 函数何时会被调用？ 1

v-html指令： 1.作用：向指定节点中渲染包含html结构的内容。 2.与插值语法的区别： (1).v-html会替换掉节点中所有的内容，{{xx}}则不会

面试题：react、vue中的key有什么作用？（key的内部原理）key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进

v-for指令:   1.用于展示列表数据   2.语法：v-for="(item, index) in xxx" :key="yyy"   3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的

条件渲染：(if和show的区别对比) 1.v-if写法：     (1).v-if="表达式"     (2).v-else-if="表达式"     (3).v-else="表达式" 适用于：切换

绑定样式： 1. class样式 写法 :class="xxx" xxx可以是字符串、对象、数组。 字符串写法适用于：类名不确定，要动态获取。 对象写法适用于：要绑定多个样式，个数不确定，

监视属性watch： 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在，才能进行监视！！ 3.监视的两种写法：   (1).new Vue时传入watch配置