vue
燃情雪
证明我不懒,哼!
展开
-
Vue起步01-------浅解mvvm模型以及v-model指令
学习前端三大框架之一的Vue时,首先我们得知道它的运作设计的基本模式----mvvm模式 一,mvvm模式 01,模型图 02,图解 m:模型,数据模型data v:视图,html模板视图 vm:视图模型,创建的Vue的实例对象vm DOM Listeners:Vue实例所挂载的目标对象中DOM节点的监听,并将改变值通过vm传递给model数据模型data Datas Bindings:数据绑定...原创 2019-05-04 15:35:31 · 471 阅读 · 0 评论 -
Vue起步02-------生命周期函数
为什莫要了解生命周期函数呢? 01,因为在实际中,一个Vue实例从创建到销毁,期间我们可能需要在周期中的某些阶段做某些事。然而其生命周期函数则就是我们所需要知道的某些阶段。 02,在Vue2.0中,存在着beforeCreate、create 、beforeMount 、mounted 、beforeUpdate 、update 、beforeDestroy、destroy。 beforeCrea...原创 2019-05-04 17:39:15 · 189 阅读 · 0 评论 -
Vue起步03-------模板语法
01,文本{{name}} 02,html片段v-html="name"【data对象中初始化数据的属性名】 注意://style中的一条条规则不能含有空格,不然会被当作断字符,从而打上"号 03,v-bind指令特性绑定之布尔特性 注意: ·* 与在html直接表明布尔属性用法略有不同 * html直接填写:属性的存在与否就暗示true/false * vue:null/defined/fals...原创 2019-05-04 20:38:52 · 862 阅读 · 0 评论 -
Vue起步04-------计算属性
问题一,首先得问问什么是回调函数? 三大特性 · * 01,你定义的 * 02,你没有调用 * 03,但是最后执行了 问题二,什么是计算属性? 可以理解为一种较为复杂的数据模板。 问题三,存在data对象中的数据模板,为什莫还要计算属性呢? 因为data中的数据模板最初追求的是简洁,假如我们需要通过一些较为复杂的流程来生成我们的数据模板,那显然data中的数据模板不能支持这种需求,这就体现了计算属...原创 2019-05-05 10:35:29 · 173 阅读 · 0 评论 -
Vue起步06-------条件渲染
问题一,我们的知道什么是条件渲染? 更具某一条件来判定是否要渲染某一块内容 问题二,条件是什莫? v-if/v-show后面的truthy/falsthy 问题三,那两者有什莫不同呢? v-if 条件渲染:“真正”【因为对于一些可复用且无关键字key的元素,Vue在条件渲染时,会选择复用而不是真正的条件渲染,从新开始渲染某个元素,以此来提高性能】的条件渲染,因为它会确保在切换过程中条件块内的事件监...原创 2019-05-05 15:30:21 · 126 阅读 · 0 评论 -
Vue起步07-------列表渲染
问题一,首先我们的知道列表渲染是什么? 核心—就是其v-for指令。 问题二,v-for指令所针对的目标对象为数组,对象,还有数组对象混合时,区别是什莫呢? 针对数组: 语法:v-for = (item, index) in items; item:每次遍历的数据项的值;index:每次遍历的数据项的索引下标。 针对对象: 语法: v-for = (value, name, index) in o...原创 2019-05-09 22:53:29 · 173 阅读 · 0 评论