vue考试题

一、填空
1.目前三大主流框架：vue、react、angular
2.设计模式：主流框架模式MVC、MVP、MVVM全程为：Model View controller 、Model View presenter、
Model View ViewModel
3.事件绑定修饰符：.stop阻止冒泡、.prevent 阻止默认事件、.capture 事件捕获、.self 自身事件触发、.once 一次性绑定
4.（5）动态绑定类名：v-bind对象语法的单类名切换，仔细查看下面代码，类名class结果为__one two four____。

5.组件分类：Vue中组件分为三种，基础部分有两种：全局组件___和__局部组件_，工程化里有一种，即.vue____单文件组件__。
6.过渡与动画：Vue提供了 transition 的封装组件，可以给任何元素和组件添加过渡动画，在进入/离开的过渡中，会有 6 个 class 切换，包含___v-enter___、v-enter-active、v-enter-to、v-leave、v-leave-active、v-leave-to。
7.挂载实例方式：通过el挂载根实例的两种方式__DOM方式____、CSS选择器#app__。
8.包管理工具与镜像：npm即node.js包管理工具的全称为___node.js package manager___，cnpm为___淘宝镜像___，一般同步频率为___10___分钟一次。cnpm与npm使用语法相同，区别在于__服务器不同____。
9.路由实现方式：工程化里router路由跳转可以用两种方式实现，包含___模块编程式___和___模板声明式___。
10…vue构成：单文件组件.vue中，样式部分style中加入scoped的作用是___只在当前组件是生效___。
11…vue单文件组件导入与导出：.vue中引入其他组件的步骤（例如引入同级的Register组件）：
单文件组件默认导入步骤：
①引入语法___import Register from ‘./Register’；
②注册语法为在__component____选项里加入组件名进行注册，可以（可以/不可以）在注册时改名v-Register；
③在模板里使用，有两种写法，单标签，标签对__。
单文件组件默认导出语法为__export default_。
12.脚手架与SPA：vue脚手架写法为__vue-cli____，工程化项目时使用的模板为webpack，该模板为SPA应用，全称为___single page application___。
13.vue指令作用：v-if：条件渲染指令、v-for：列表渲染、v-bind：动态指令，v-model：表单绑定、v-show：条件渲染指令、v-on：事件绑定、v-html：翻译代码、v-once：单项绑定数据、v-pre：跳跃编译指令
14.依赖：package.json为项目配置信息文档，其中dependencies为___开发___依赖，devDependencies为__生产____依赖。
15.工程指令：工程化后项目启动webpack-server服务器指令为___npm run dev、npm run start___，项目打包指令为：___ npm run build 。
16.件注册：组件Component是Vue最核心的功能，组件注册分为__全局____和__局部____两种，全局____可以在全局实例使用，局部___只能在该实例作用域下有效。
17.CSS预处理器：Less的注释分两种___单行___和___多行，区别为__单行注释是不会出现在编译后的 CSS 文件中，如果是针对样式说明的注释，建议使用多行注释。
18.深拷贝与浅拷贝：数据类型分为基本数据类型和引用数据类型，其中基本数据类型包含___number string null boolean undefined ES10____，引用数据类型包含__array_object _ 函数____，实现多级深拷贝的方法为__序列化_JSON.parse（JSON.stringify）、jquery的extend$extend。
19.动态组件：Vue可以在不同组件之间进行动态切换，这种方法称为动态组件，可以通过 Vue 的__component____元素加一个特殊的 js___属性实现。
20.Vue核心思想：vue两大核心思想为__数据驱动____和___组件化。
21.npm指令：npm用于管理node相关依赖包（安装，卸载等），安装语法为__npm install -g_，卸载语法为___npm uninstall -g___。
22.Node.js本质：Node.js是一个JS运行环境(runtime environment)，不是一个js文件，实质是对___chrome的V8引擎___进行了封装。
23.vue-router构成：vue-router本质是___建立起url和页面之间的映射关系___，它有哪些组件___router-link、router-view___。
二、简答
1.动态组件中作用是什么?
组件失活缓存（例：翻到某一页中的某一页，再返回首页，再回来看，还会停留在你之前看的位置）
2.之前有做过SPA类型的项目吗？怎么实现的？
SPA就是单页面应用程序，主要依靠路由来实现，路由根据不同的值来展示不同的组件.
SPA就是单页面应用程序，主要依靠路由来实现，路由根据不同的值来展示不同的组件.
3.vue中的单项数据流和双向数据绑定是什意思？
单项数据流：数据是单向的，父组件的数据传递给子组件，只能单项绑定，不可以在子组件修改父组件的数据； 双向数据绑定：数据和页面进行双向绑定，相互影响
4.为什么在使用v-for的时候需要添加key属性？
因为vue在更新渲染dom的时候是根据新旧dom数进行对比的，使用key来给每个节点做一个唯一标识，
5.为什么vue组件中的data必须是函数？
因为如果默认为data是对象的话，对象为引用类型，这样的话，所有复用的组件都是引用的同一个数据，但是如果是函数的话，每次函数都会先创建一个新的数据，从而使每个组件的数据独立。
6.你对vue中mvvm的模式设计有什么感想？
mvvm设计模式采用的双向绑定，当view发生变化，model会跟着变化，model发生变化，view也会同步，这样的话，我们就可以更多的关注逻辑，从而减少dom的操作，代码的耦合性也更好。_
7.条件渲染指令包含哪些，两者区别是什么？
v-if v-show
实质本质方法的区别：vue-show本质就直标签display设为none，控制隐藏；vue-if是动态的向DOM树向添加或者删除DOM元素
编译的区别：v-show就是在控制css；v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件。
编译的条件：v-show都会编译，初始值为false，只是将display设为none，但它也编译了。v-if初始值设为false就不会编译了。
性能：v-show只能编译一次，后面其实就是控制css，而v-if不停的销毁和创建，故v-show性能更好一点。