文档介绍：: .
omputed:
当一个属性受多个属性影响的时候就需要用到 computed
最典型的栗子：购物车商品结算的时候
watch:
当一条数据影响多条数据的时候就需要用 watch
栗子：搜索数据
-on 可以监听多个方法吗？
答：可以，栗子： <input type="text"v-on="{ input:onInput,focus:onFocus,blur:onBlur, }">。
16.$nextTick 的使用
答：当你修改了 data 的值然后马上获取这个 dom 元素的值，是不能获取到更
新后的值，
你需要使用$nextTick 这个回调，让修改后的 data 值渲染更新到 dom 元素之
后在获取，才能成功。
组件中 data 为什么必须是一个函数？
答：因为 JavaScript 的特性所导致，在 component 中，data 必须以函数的形
式存在，不可以是对象。
组建中的 data 写成一个函数，数据以函数返回值的形式定义，这样每次复
用组件的时候，都会返回一份新的 data，相当于每个组件实例都有自己私有的
数据空间，它们只负责各自维护的数据，不会造成混乱。而单纯的写成对象形式，
就是所有的组件实例共用了一个 data，这样改一个全都改了。

答：主张最少；可以根据不同的需求选择不同的层级；
中双向数据绑定是如何实现的？
答：vue 双向数据绑定是通过数据劫持结合发布订阅模式的方式来实现的，
也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随
之发生改变；
核心：关于 VUE 双向数据绑定，其核心是 ()方法。

答：单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页
面中。但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程
序动态载入，单页面的页面跳转，仅刷新局部资源。多应用于 pc 端。
多页面（MPA），就是指一个应用中有多个页面，页面跳转时是整页刷新
单页面的优点：
用户体验好，快，内容的改变不需要重新加载整个页面，基于这一点 spa 对服
务器压力较小；前后端分离；页面效果会比较炫酷（比如切换页面内容时的专场
动画）。
单页面缺点：
不利于 seo；导航不可用，如果一定要导航需要自行实现前进、后退。（由于是
单页面不能用浏览器的前进后退功能，所以需要自己建立堆栈管理）；初次加载
时耗时多；页面复杂度提高很多。
-if 和 v-for 的优先级
答：当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味
着 v-if 将分别重复运行于每个 v-for 循环中。所以，不推荐v-if 和 v-for 同时
使用。
如果 v-if 和 v-for 一起用的话，vue 中的的会自动提示 v-if 应该放到外层去。
和 static 的区别
答：相同点：assets 和 static 两个都是存放静态资源文件。项目中所需要的资
源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点
不相同点：assets 中存放的静态资源文件在项目打包时