Vue.js破冰系列
前端开发
书上得来终觉浅
这个作者很懒,什么都没留下…
展开
-
Vue.js破冰系列-1概览与实例生命周期
Vue是一套用于构建用户界面的渐进式框架,这是官网对Vue的解释。什么是渐进式框架呢?我把它拆分为两块,渐进式和框架,框架好理解,渐进式(Progressive)就是说,如果要使用Vue,不需要对Vue的全部知识都搞明白才能上手做,你可以一步一步逐渐深入的使用Vue.js,它的学习曲线相对平缓。Vue使用MVVM(Model-View-View-Model)模式,实现View和ViewModel...原创 2019-09-03 14:45:04 · 134 阅读 · 0 评论 -
Vue.js破冰系列-2HTML模板
1概述上一章我们说了Vue是用于构建用户界面的框架,它最终呈现给用户的是一个一个HTML标签。Vue可以使用HTML模板和render函数这2种方式来构建这些HTML标签。当开发者使用了HTML模板来构建界面时,Vue内部会将其编译成render函数,最后渲染到挂载点上。render函数生成的是虚拟DOM,虚拟DOM是基于js的,相比于DOM的操作,开销会小很多。Vue是实例需要一个挂载点,这...原创 2019-09-03 15:11:50 · 427 阅读 · 0 评论 -
Vue.js破冰系列-3自定义指令
1 指令的格式及注册上一章我们讲了vue的内部指令,下例是将divClicked方法添加click事件监听中,同时停止click冒泡事件:<div v-on:click.stop="divClicked">hello</div>由上可以得出指令的一般格式,其中指令名称为必填,其他为可选项,格式如下:指令名[:参数][.修饰符][=表达式]vue提供的内部指令有...原创 2019-09-03 15:13:01 · 299 阅读 · 0 评论 -
Vue.js破冰系列-4计算属性、监视器与过滤器
1 computed计算属性上一章我们提到指令的一般格式是:指令名name[:参数arg][.修饰符modifiers][=表达式expression]其中表达式expression会在其所属实例作用域下作为js代码被解析。前面我在v-on事件监听时,也提到过事件的处理有3种方式:将js代码加在指令的表达式中将事件的处理逻辑封装到方法中,把方法与事件绑定起来在表达式中使用内敛语句调...原创 2019-09-03 15:14:11 · 185 阅读 · 0 评论