Vue考试题

1、在Vue中 {{ }} 是转义输出

2、样式绑定的 v:bind:class = 'className'

:style = '{width:'200px'}'

v-bind:class = '[isactive?'activeclass' :' errorclass']'

3、条件渲染指令 v-if

4、实现双向绑定 需要哪些指令 v-model

5、在Vue中，实现循环指令的是 v-for

6、差值语法还可以使用下列哪个指令代替 v-text

7、实现事件注册的指令是哪项 v-on

8、vue框架设计受到MVVM模型启发

9、vue事件绑定中阻止冒泡 <a v-on:click.stop='dothis'></a>

10、vue的单文件组件的扩展名是.vue文件，需要借助vue-loader，才可以被正常解析

11、计算属性的特点 a,计算属性是基于他们的依赖进行缓存的。b,计算属性只有在它的相关依赖发生改变的时候，才会从新求值。c，计算属性获得取值，也能设置值

12、axios对象的方法有 get post put 等

13、v-model 支持修饰符的有 lazy number trim

14、关于vue的核心是:vue的核心是一个允许采用简洁的模板语法来声明式将数据渲染进dom的系统

15、关于vue响应式理解：vue帮我们做了很多底层的事情，通过建立vm实例对象，在数据model和视图 view/dom 上建立一一对应的关联

16、vue声明周期钩子函数的理解

1、Vue实例从创建到初始化过程都运行一些叫做声明周期钩子的函数

2、vue声明周期钩子函数给用户在不同的阶段提供了添加自己代码的机会

3、Vue声明周期钩子函数伴随着数据监听，编译模板，数据更新而更新dom

17、vue模板语法理解

vue模板语法是 双大括号{{}}也称mustache，或者叫做插值表达式，

vue的模板语法是基于HTML的，允许开发者声明式地将dom绑定到底层vue实例的数据

vue的模板语法采用{{}}来实现

vue的模板语法不能输出真正的HTML标签，可以用v-html来代替

 

18、关于v-if 和v-show

v-if 和v-show 都表示控制，控制dom元素的显示和隐藏，v-if有更高的切换开销，v-show有更高的初始渲染开销

如果需要频繁的使用，则使用v-show较好，如果在运行时，条件很少改变，如果使用v-if比较好

 

19、关于v-for 的理解

v-for 是用来遍历数据的

v-for 通常使用key属性给每项元素添加识别码

v-for 通过添加index 给每项添加index索引

 

20、对于vue时间的处理的理解是

通过使用v-on来实现监听dom时间，并在触发时运行一些JavaScript代码 事件处理有例如 prevent ,stop ,once, enter等相关的修饰符

Vue事件 处理器中访问员是的dom事件，可以用特殊变量$event把它传入， vue编写事件，可以使用@符号来缩写代替v-on

 

21 关于vue过滤器理解为

vue。filter来注册全局的过滤器 vue实例中发filters属性，可以用来注册局部的过滤器 过滤器常用于一些常见的文本格式，卸载双花括号插值和v-bind表达式中 vue过滤器必须要设置返回值

 

22、属于vue指令有

v-if v-model v-on（@） v-bind（：）等指令

 

23 注册组件的方式

全局注册 局部注册

 

24、绑定属性为 v-bind

 

25、v-model 指令 支持以标签为

input textarea select

 

26 下列表达式中在vue中使用正确的是

{{flag ？ ‘OK’ ：‘ng’}}

{{x+y}} {{message.split(‘’).reverse().join('')}}

 

27、对于webpack描述正确是

webpack可以看做模块打包机

在配置文件中写入devtool:‘source-map’,是为了生成map文件，方便调试

webpack中的babel-loader可以将es6转成es5供浏览器使用

webpack支持commonjs模块化规范

 

28、vue中的动画解决方案，关于transition与transition-group的理解为：

transition和transition-group都是包装元素，transition不会实例化真实的dom，而tansition-group会实例化span

transition 支持mode属性 有out-in 和in-out的两个取值

transition-group里面的元素，必须设置key值

 

29、对于vue的ref理解

ref可以用于vue的dom元素和vue组件

ref一般默认以key-value的获取ref标记对象

通过ref可以得到摸个组件内部data属性和方法

ref一般通过this，$refs.xxx来过去这个对象

 

30、子组件访问父组件的方式

通过新建vue()实例对象来设置事件总线

通过vue的自定义事件来访问父组件

通过this.$parent来访问父组件

通过props来实现子组件访问 父组件