1、说说Vue的优缺点
- 长处：渐进式，组件化，轻量级，虚拟dom，相应式，单页面路由，数据与视图分开
- 缺点：单页面倒霉于seo，不支持IE8以下，首屏加载时间长
2、为什么说Vue是一个渐进式框架
渐进式就是你想用 vuex 就用，不用也行，你想用 component 就用，不用也可以，大概你可以选择不用，大概只选几样去用
3、MVVM是什么?和MVC有何区别呢?
- MVVM
VM: 也就是View-Model，数据的双向绑定将【模型】转化成【视图】，即后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM变乱监听。
- MVC
Model(模型)：负责从数据库中取数据.
View(视图)：负责展示数据的地方
Controller(控制器)：用户交互的地方，比方点击变乱等等，头脑：Controller 将 Model 的数据展示在 View 上
- 区别
团体看来，MVVM 比MVC精简很多，不光简化了业务与界面的依靠，还办理了数据频仍更新的标题，不用再用选择器操作DOM元素。由于在MVVM 中，View不知道 Model的存在，Model和ViewModel也观察不到View，这种低耦合模式进步代码的可重用性。Vue是MVVM框架，但是不是严酷符合MVVM，由于MVVM规定Model和View不能直接通讯，而Vue的ref可以做到这点。
4、Vue生命周期
- beforeCreate：实例话Vue，未初始化和相应式数据
- created：已初始化和相应式数据，可访问数据
- beforeMount：render调用，虚拟DOM天生，未转真实DOM
- mounted：真实DOM挂载完成
- beforeUpdate：数据更新，新虚拟DOM天生
- updated：新旧虚拟DOM举行对比，打补丁，然后举行真实DOM更新
- beforeDestroy：实例烧毁前，仍可访问数据
- destroy：实例烧毁，子实例烧毁，指令解绑，解绑本实例的变乱
- activated：keep-alive所缓存组件激活时调用
- deactivated：keep-alive所缓存组件停用时调用
- errorCaptured：子孙组件的错误捕获，此函数可返回false克制继续向上传播
5、Vue修饰符
- .once：变乱只触发一次
- .number：将v-medol绑定的值转数字
- .trim：讲v-model绑定的值首位空格给去掉
- .stop：克制变乱冒泡
- .capture：变乱的捕获
- .self：点击变乱绑定自己才触发
- .lazy：输入框失焦时才会更新v-model的值
- .prevent：克制默认变乱
- .native：绑定变乱在自界说组件上时，确保能执行
- .left、.middle、.right：鼠标左中右键的触发
- passive：相当于给移动端滚动变乱加一个.lazy
- camel：确保变量名会被辨认成驼峰定名
- .sync：简化子修改父值的步调
6、Vue内部指令
- v-text：元素的textContent
- v-html：元素的innerHTML
- v-show：通过样式display改变显隐,控制的css
- v-if：通过操作DOM改变显隐
- v-else：共同v-if
- v-else-if：共同v-else
- v-for：循环渲染
- v-on：绑定变乱，缩写@
- v-bind：绑定变量，缩写:
- v-model：双向绑定
- v-slot：插槽
- v-once：只渲染一次
- v-pre：跳过元素编译
- v-cloak：潜伏双括号，有值表现
7、v-if 和 v-show 有何区别？
- v-if：通过操作DOM来控制显隐，实用于偶尔的环境,由于每一次执行它都要天生和烧毁,v-if有着更高的切换斲丧
- v-show：通过改变css样式display属性控制显隐，实用于频仍显隐的环境,不会烧毁,v-show在初始渲染斲丧更高点
频仍大概大数目显隐使用v-show ，否则使用v-if
8、为什么 v-if 和 v-for 不发起用在同一标签？
v-for 优先级高于 v-if，每项都通过 v-for 渲染出来后再去通过 v-if 判断显隐,过程中会增长无用的 dom 操作,渲染了无用的节点
9、如何设置动态class，动态style？
- 动态class对象：<div :class="{ 'is-active': true, 'red': isRed }"></div>
- 动态class数组：<div :class="['is-active', isRed ? 'red' : '' ]"></div>
- 动态style对象：<div :style="{ color: textColor, fontSize: '18px' }"></div>
10、为什么不发起用index做key，为什么不发起用随机数做key？
用index和用随机数都是同理，随机数每次都在变，做不到埋头性，也很斲丧性能 |
