上海cms网站建设,展厅设计图,网站后台关键词,青岛微网站建设1、说说Vue的优缺点
优点#xff1a;渐进式#xff0c;组件化#xff0c;轻量级#xff0c;虚拟dom#xff0c;响应式#xff0c;单页面路由#xff0c;数据与视图分开缺点#xff1a;单页面不利于seo#xff0c;不支持IE8以下#xff0c;首屏加载时间长
2、为什么…1、说说Vue的优缺点
优点渐进式组件化轻量级虚拟dom响应式单页面路由数据与视图分开缺点单页面不利于seo不支持IE8以下首屏加载时间长
2、为什么说Vue是一个渐进式框架
渐进式就是你想用 vuex 就用不用也行你想用 component 就用不用也可以或者你可以选择不用或者只选几样去用
3、MVVM是什么?和MVC有何区别呢?
MVVM VM: 也就是View-Model数据的双向绑定将【模型】转化成【视图】即后端传递的数据转化成所看到的页面。实现的方式是数据绑定。二是将【视图】转化成【模型】即将所看到的页面转化成后端的数据。实现的方式是DOM事件监听。MVC Model(模型)负责从数据库中取数据. View(视图)负责展示数据的地方 Controller(控制器)用户交互的地方例如点击事件等等思想Controller 将 Model 的数据展示在 View 上区别 整体看来MVVM 比MVC精简很多不仅简化了业务与界面的依赖还解决了数据频繁更新的问题不用再用选择器操作DOM元素。因为在MVVM 中View不知道 Model的存在Model和ViewModel也观察不到View这种低耦合模式提高代码的可重用性。Vue是MVVM框架但是不是严格符合MVVM因为MVVM规定Model和View不能直接通信而Vue的ref可以做到这点。
4、Vue生命周期
beforeCreate实例话Vue未初始化和响应式数据created已初始化和响应式数据可访问数据beforeMountrender调用虚拟DOM生成未转真实DOMmounted真实DOM挂载完成beforeUpdate数据更新新虚拟DOM生成updated新旧虚拟DOM进行对比打补丁然后进行真实DOM更新beforeDestroy实例销毁前仍可访问数据destroy实例销毁子实例销毁指令解绑解绑本实例的事件activatedkeep-alive所缓存组件激活时调用deactivatedkeep-alive所缓存组件停用时调用errorCaptured子孙组件的错误捕获此函数可返回false阻止继续向上传播
5、Vue修饰符
.once事件只触发一次.number将v-medol绑定的值转数字.trim讲v-model绑定的值首位空格给去掉.stop阻止事件冒泡.capture事件的捕获.self点击事件绑定本身才触发.lazy输入框失焦时才会更新v-model的值.prevent阻止默认事件.native绑定事件在自定义组件上时确保能执行.left、.middle、.right鼠标左中右键的触发passive相当于给移动端滚动事件加一个.lazycamel确保变量名会被识别成驼峰命名.sync简化子修改父值的步骤
6、Vue内部指令
v-text元素的textContentv-html元素的innerHTMLv-show通过样式display改变显隐,控制的cssv-if通过操作DOM改变显隐v-else配合v-ifv-else-if配合v-elsev-for循环渲染v-on绑定事件缩写v-bind绑定变量缩写:v-model双向绑定v-slot插槽v-once只渲染一次v-pre跳过元素编译v-cloak隐藏双括号有值显示
7、v-if 和 v-show 有何区别
v-if通过操作DOM来控制显隐适用于偶尔的情况,因为每一次执行它都要生成和销毁,v-if有着更高的切换消耗v-show通过改变css样式display属性控制显隐适用于频繁显隐的情况,不会销毁,v-show在初始渲染消耗更高点 频繁或者大数量显隐使用v-show 否则使用v-if
8、为什么 v-if 和 v-for 不建议用在同一标签
v-for 优先级高于 v-if每项都通过 v-for 渲染出来后再去通过 v-if 判断显隐,过程中会增加无用的 dom 操作,渲染了无用的节点
9、如何设置动态class动态style
动态class对象div :class{ is-active: true, red: isRed }/div动态class数组div :class[is-active, isRed ? red : ]/div动态style对象div :style{ color: textColor, fontSize: 18px }/div
10、为什么不建议用index做key为什么不建议用随机数做key
用index和用随机数都是同理随机数每次都在变做不到专一性也很消耗性能
