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-activev-enter-tov-leavev-leave-activev-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性能更好一点。

你可能感兴趣的:(vue考试题)