vue面试

99 阅读1分钟

vue优点:

轻量级框架:只关注视图层大小只有几十kb; 简单易学:国人开发,中文文档 双向数据绑定,组件化,运行速度快

vue.js常见指令及用法:

v-if:判断对象是否隐藏 v-for:循环渲染 v-bind:绑定一个属性 v-model:实现数据双向绑定 v-on:监听dom事件

v-show 和 v-if区别:

相同点:v-show 和 v-if都能控制元素的显示和隐藏 不同点: 1.实现本质方法不同 v-show本质是通过设置css中的display设置为none,控制隐藏 v-if是动态的向DOM树内添加或者删除DOM元素 2.编译的区别 v-show 其实就是在控制css v-if 3.编译的条件 v-show都会编译,初始值为false,只是将display设为none,但是它会编译 v-if初始值为false就不会编译 4.性能 v-show只编译一次 后面就是控制css 而v-if不停的销毁和创建,故性能更好

vue生命周期:

创建 ,初始化数据,编译模板,挂载DOM,渲染,更新,渲染,卸载 创建前后,载入前后,更新前后,销毁前后