自己解答的vue问题

314 阅读3分钟

自我考验

闲来无事,自己考验下自己 有错的还望看的朋友帮助指出,我在加以修改

1、对于Vue是一套渐进式框架的理解

 主张少,没有强制性需要学习掌握的内容规则

2、vue.js的两个核心是什么?

 核心思想两个 数据驱动 组件系统

3、请问 v-if 和 v-show 有什么区别

 if节点不渲染 show节点渲染但是不展示display 常常应用于隐藏域 比如一些值可以绑定上去 以便查找

4、vue常用的修饰符

 .trim .stop .esc .prevent

5、v-on可以监听多个方法吗?

 可以

6、vue中 key 值的作用

 vue key值作用 标记过得节点可以复用,不需要重新生成新的节点可以很好的提升性能

7、vue-cli工程升级vue版本

 升级vue vue-cli 手段package.json 里面修改vue的版本 同时修改 vue-template-compiler 为相同的版本.后者在devdepen....里面.然后npm install

8、vue事件中如何使用event对象?

 $ event

9、$nextTick的使用

 nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM。获取更新后的dom

10、Vue 组件中 data 为什么必须是函数

 每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响

11、v-for 与 v-if 的优先级

 v-for 与 v-if 的优先级 v-for 所以v-if包在v-for外围比较好

12、vue中子组件调用父组件的方法

 this.$emit(‘name’,‘参数’)

13、vue中 keep-alive 组件的作用

 缓存组件状态

14、vue中如何编写可复用的组件?

 开放属性和方法api 定义可扩展的属性api 和默认的插槽以及可替换的插槽

15、什么是vue生命周期和生命周期钩子函数?

 生命周期是从创建到销毁的过程 钩子函数是这个过程中经历的阶段

16、vue生命周期钩子函数有哪些?

 beforeCreate-created-beforeMount-mounted-beforeUpdate-Updated-beforeDestroy-destroyed

17、vue如何监听键盘事件中的按键?

 vue监听键盘事件
 有常用的keycode 直接使用keyup.esc 都存在keyup对象里

18、vue更新数组时触发视图更新的方法

 set方法

19、vue中对象更改检测的注意事项

 set方法 或者用拷贝 核心思想就是深考

20、解决非工程化项目初始化页面闪动问题

 [v-cloak] { display: none; } css里添加

21、v-for产生的列表,实现active的切换

 绑定class根据数据的标识状态选择添加class和不选择状态的切换

22、v-model语法糖的组件中的使用

 主要用于双向绑定的input,select,textarea,component

23、十个常用的自定义过滤器

 过滤器根据需求自己顶一个函数就ok了里面是过滤的规则

24、vue等单页面应用及其优缺点

 开发快,很多属性可以定义全局,例如公共弹窗只需要在全局定义好,任何api都会触发状态

25、什么是vue的计算属性?

 计算属性是一种依赖缓存

26、vue-cli提供的几种脚手架模板
27、vue父组件如何向子组件中传递数据?

 使用props 属性 在子组件接收在父组件定义属性

28、vue-cli开发环境使用全局常量

 .env.development

29、vue-cli生产环境使用全局常量

 .env.production

30、vue弹窗后如何禁止滚动条滚动?

 监听禁止默认事件 e.preventDefault()

31、计算属性的缓存和方法调用的区别

 使用方法的话可能每次你都要初始化或者重新调用它,而计算属性是一种依赖缓存

32、vue-cli中自定义指令的使用

 指令的话根据自己需要自定义吧