Vue测试总结

1.组件分类/构成：Vue中组件分为可以分为三种，基础部分有两种 全局组价 和 局部组件 工程化里有一种，即.vue单文件组x件
2.包管理工具与镜像：npm即node.js包管理工具的全称为 node.js package manager，cnpm为淘宝镜像，一般同步频率为10分钟一次。cnpm与npm使用语法相同，区别在于服务器不同
3.vue构成：单文件组件.vue中，样式部分style中加入scoped的作用是 只在当前组件是生效
4.vue单文件组件导入与导出：.vue中引入其他组件的步骤（例如引入同级的Register组件）：
单文件组件默认导入步骤：
①引入语法 import Register from ‘./Register’；
②注册语法为在 component 选项里加入组件名进行注册，（可以/不可以）在注册时改名v-Register；
③在模板里使用，有两种写法，单标签v-Register/，标签对v-Register></v-Register
单文件组件默认导出语法为 export default
5.vue指令作用：
v-if：指令主要职责就是当表达式值改动时，相应的将某些行为应用到DOM上
v-for：当需要遍历数组或者枚举对象循环显示时，需要用到列表渲染指令v-for。表达式需要结合in使用，类似item in items的形式 v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。
v-show：v-show也是指条件性渲染，用法与v-if类似：
不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS 属性 display。
v-model：表单绑定
6.依赖：package.json为项目配置信息文档，其中dependencies为生产依赖，devDependencies为开发依赖。
7.cmd是command的缩写，即命令提示符（CMD）
8.Node.js本质：Node.js是一个JS运行环境(runtime environment)，不是一个js文件，实质是对 chrome的V8引擎 进行了封装。
9.vue-router构成：vue-router本质是 建立起url和页面之间的映射关系，它有哪些组件router-link、router-view_（2个）。
10.之前有做过SPA类型的项目吗？怎么实现的？
SPA就是单页面应用程序，主要依靠路由来实现，路由根据不同的值来展示不同的组件.
11.vue中的单项数据流和双向数据绑定是什意思？
单项数据流：数据是单向的，父组件的数据传递给子组件，只能单项绑定，不可以在子组件修改父组件的数据； 双向数据绑定：数据和页面进行双向绑定，相互影响
12.为什么在使用v-for的时候需要添加key属性？
因为vue在更新渲染dom的时候是根据新旧dom数进行对比的，使用key来给每个节点做一个唯一标识，Diff算法就可以正确的识别此节点，找到正确的位置区插入新的节点。
13.为什么vue组件中的data必须是函数？
因为如果默认为data是对象的话，对象为引用类型，这样的话，所有复用的组件都是引用的同一个数据，但是如果是函数的话，每次函数都会先创建一个新的数据，从而使每个组件的数据独立
14.你对vue中mvvm的模式设计有什么感想？
mvvm设计模式采用的双向绑定，当view发生变化，model会跟着变化，model发生变化，view也会同步，这样的话，我们就可以更多的关注逻辑，从而减少dom的操作，代码的耦合性也更好
15.条件渲染指令包含哪些，两者区别是什么？
v-if
v-show
v-esle
v-else-if
不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS 属性 display。
与JS条件语句if、else-if、else类似，Vue条件指令也可以根据表达式的值在DOM中创建或销毁元素/组件
一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。