作为前端三大框架之一,vue是前端开发者必备的技能。那么如何系统的学习和掌握vue呢?为此,我对知识体系做了一个简单的总结。请多多包涵,不足之处请指正。喜欢的话可以给个赞哦!本文来源于我的掘金:https://juejin.im/post/5e5c5d...相关推荐JS基础总结(一)——数据类型JS基础总结(二)——原型与原型链JS基础总结(三)——JS作用域和闭包基础总结(四)——this指向和call/apply/bindJS基础总结(五)——JS执行机制和EventLoopdVue的优缺点是什么?优点:低耦合。视图(View)可以独立于模型而改变和修改。一个ViewModel可以绑定到不同的视图。当View改变时,Model可以保持不变,当Model改变时,View也可以保持不变。可重用性。您可以将一些视图逻辑放在ViewModel中,让许多视图重用该视图逻辑。自主开发。开发人员可以专注于业务逻辑和数据开发(ViewModel),设计师可以专注于页面设计,使用ExpressionBlend轻松设计界面和生成xml代码。可测试的。接口总是更难测试,现在可以针对ViewModel编写测试。vue是单页面应用,使得页面局部刷新,不需要每次跳转页面都去请求所有的data和dom,大大加快了访问速度,提升了用户体验。而他的第三方ui库,节省了大量的开发时间。缺点:不利于SEO,社区维护性不强,相对于vue常用指令不够成熟v-html/v-text:渲染值中的标签v-model:放置在表单元素实现双向数据绑定v-bind(简称:):用于绑定行内属性v-if/v-show可以显示,true可以显示,false不能显示v-cloak:需要配合css的使用:解决小胡子显示问题v-once对应标签只渲染一次v-for:循环显示元素v-on事件绑定事件修饰符Vue.js为v-on提供了事件修饰符,修饰符由由点开头的命令后缀表示。stop:阻止事件继续传播prevent:阻止事件默认行为capture:添加事件监听器时使用事件捕获方式self:事件处理函数仅在当前元素被触发一次时触发:事件仅被触发oncepassive:告诉浏览器你不想阻止事件默认行为,不能与.prevent一起使用。
