weixin_44992737的博客

简介：插槽是一种实现组件之间通信的技术，能够实现父组件向子组件传递HTML结构的技术，注意不是传递数据，而是传递结构。

Vue可以看作是一个数据管理大师，其目的通常是将其管理的数据展示到HTML页面上，或者收集HTML页面上的数据进行储存在自身或者传递给服务器。

Vue的生命周期

简介：在使用Vue脚手架进行开发时，cli编译的时候本质上处理的是一个个文本文件，也就是字符串。每一个组件，即.Vue文件都是一个文本文件，里面包含着模板、组件对象实例以及style样式。组件化开发时，难免会出现样式的选择器出现重名的情况，此时被cli后处理的样式字符串会覆盖之前的重名样式。

简介：Vue中的组件模板是可以复用的，但是模板中的数据是可以改变的。props配置项用于解决。

当一个页面使用Vue时，每当打开一个页面，会存在一个实际页面的实际DOM对象，还有一个仿品DOM对象(即Vue虚拟DOM对象)，Vue每时每刻都在对比这两个DOM，每当虚拟DOM与实际DOM存在不同，Vue就会使用原生JS去修改实际DOM中需要修改的部分。由于Vue是数据管理者，每当模板发生变化，他又会自动生成一个局部虚拟DOM与现有的虚拟DOM进行对比，从而对比去改变虚拟DOM，虚拟DOM变化了又去修改实际DOM。此外，也可以指定遍历次数，下图中，会自动生成5个li。2，使用v-for自动生成li标签？

此外，value也可以是一个数组，如class="classArr"，classArr=["s1","s2","s3"]。答：因为style的属性值是一串键值对形式的字符串，所以使用v-bind进行修改属性时，必须以属性的形式进行修改，如:style="{fontSzie:100+"px"}" ，而且这里面的键不能乱写，必须是合法的HTML中的style属性名称，的小驼峰写法，比如backgroundColor="xx"。6，v-if，v-else-if，v-else指令？4，v-show指令？

在js中，给标签添加事件相应有3种，1是HTML事件 ：在标签属性中添加事件属性，比如<button onclick="func()">，这种做法必须加上前缀on。一般js中的事件都是由浏览器捕捉得到，然后传递给js引擎，浏览器检测到HTML页面中某个标签元素发生了指定的事件，而对应的DOM节点必须去调用回调函数，但是DOM树只暴露了一个element根节点，所以去调用回调函数时不得不从element对象一步一步的去寻找发生事件的DOM节点（事件捕获），然后事件冒泡返回。答：让指定按键被按下时才相应事件。

此外，{{js表达式}}只能放在HTML标签内容里面，即{{js表达式}}这样，如果需要放在里面作为HTML标签属性的话，需要使用Vue指令，如给标签动态修改属性值：点我跳转。作用：动态修改HTML标签的属性值，只要是HTML里面采用键值对的属性都可以使用v-bind:进行管理。一般是DIV节点，因为这个DIV节点是根据HTML字符串解析得到的，所以Vue修改的也是HTML字符串的内容。2，如何快速理解Vue的原理？

答：存在两个对象A和B，通过对象A去管理(读取和修改)对象B的数据就叫做数据代理。一方面能够避免对象B的数据地址暴露，另一方面方便使用一个对象进行统一管理，即对象A不仅可以管理对象B的数据，还可以管理对象C、D、E的数据，在Vue中，对象A一般是Vue实例对象。3. descriptor：要定义或修改的属性的特性描述符对象。答：Object.defineProperty()是 JavaScript 中的一个方法，用于在一个对象上定义一个新属性或修改一个已有属性的特性（如可写性、可枚举性、可配置性等）。

答：当监视的属性指向一个容器类型时，如对象、数组等，容器里面的数据改变时能够被监视到则叫做深度监视。不受Vue管理，它由JS引擎异步管理模块进行处理，导致定时器函数timeout()的this永远由浏览器指定为window，所以这个回调函数不能写成普通函数(普通函数的this与定时器一致为window，导致无法读取Vue的数据)。，由于箭头函数没有自身的this指向，他会自动向它所属上一级进行寻找，而他的上一级恰好是Vue的this，所以能够使用Vue的数据，注意：箭头函数和timeout是同一级的。

答：一定程度上，Vue的作用就是管理呈现到HTML页面上的所有数据data的，每当一个data发生变化，Vue实例就会自动的去更新模板里面使用到data的地方，而这个data很有可能需要计算得到，这种不断地去计算得到消耗资源，只计算一次最好(Vue计算属性的缓存)。答：当计算属性(很不幸被Vue强制收编了)需要修改时，由于数据代理，必须通过set方法进行修改(因为只有vm.property才能找到它，没有其他途径找得到了，茫茫16g内存，你到底在哪儿？，尽量使用Vue的属性用于属性计算？

Vue入门