摘要：
VUE课程参考 17、计算属性 一、总结 一句话总结： vue的计算属性可以用来根据vue中data中的值的变化，自动变化计算的值，比如fullname变化的时候自动更新firstname和lastname，计算属性可以用来简化模板中的的复杂的js表达式 computed:{ fullName:fu 阅读全文
posted @ 2020-05-14 07:59
范仁义
阅读(270)
评论(0)
推荐(0)
摘要：
VUE课程参考 12、style样式绑定 一、总结 一句话总结： style样式绑定（内联样式绑定）也有对象语法和数组语法，对象语法就是键值对表示属性和属性值，数组语法就是数组里面可以放多个表示样式的对象 <div id="app"> <!--对象语法--> <p :style="{color:'r 阅读全文
posted @ 2020-05-14 07:58
范仁义
阅读(617)
评论(0)
推荐(0)
摘要：
VUE课程参考 13、循环指令v-for 一、总结 一句话总结： vue中循环指令v-for可以循环数组（v-for="item in list"）、循环对象（v-for="(val,key) in obj"）、循环数字（v-for="count in 10"） 1、v-for循环数组：<p v-f 阅读全文
posted @ 2020-05-14 07:58
范仁义
阅读(767)
评论(0)
推荐(0)
摘要：
VUE课程参考 14、v-for中key属性使用 一、总结 一句话总结： v-for循环的key属性 用来跟踪每个节点的身份，从而避免重新排序元素造成的元素状态混乱 <p v-for="item in list" :key="item.id"> <input type="checkbox">{{it 阅读全文
posted @ 2020-05-14 07:58
范仁义
阅读(245)
评论(0)
推荐(0)
摘要：
VUE课程参考 15、条件渲染v-if 一、总结 一句话总结： v-if指令用来做条件渲染，也就是满足条件就渲染元素，否则不渲染，后面可以接v-else-if、v-else等指令 <div id="app"> <!--v-if条件渲染--> <!-- <p v-if="isLogin">已登录</p 阅读全文
posted @ 2020-05-14 07:58
范仁义
阅读(170)
评论(0)
推荐(0)
摘要：
VUE课程参考 16、条件渲染v-show 一、总结 一句话总结： 条件渲染指令除了v-if，还有v-show，v-show指令用于根据元素的状态控制元素的显示和隐藏 <div id="app"> <p v-if="ok">{{'v-if：'+msg}}</p> <p v-show="ok">{{' 阅读全文
posted @ 2020-05-14 07:58
范仁义
阅读(287)
评论(0)
推荐(0)
摘要：
VUE课程参考 11、class类绑定 一、总结 一句话总结： vue中绑定class有数组语法和对象语法，数组语法的时候会依次将数组里面的元素解析到class里面，对象语法就是将键值对中的值为true的键添加到class中 <div id="app"> <!--1、数组语法--> <p :clas 阅读全文
posted @ 2020-05-14 07:57
范仁义
阅读(302)
评论(0)
推荐(0)
摘要：
VUE课程 14、使用v-model实现简单计算器 一、总结 一句话总结： 使用v-model实现简单计算器也就是用v-model指令做双向数据绑定，这样表单数据发生变化时，vue对象就可以自动接收到数据，从而根据这些新数据得到结果。交互多的页面用vue做双向数据绑定会比较方便。 <div id=" 阅读全文
posted @ 2020-05-14 07:47
范仁义
阅读(529)
评论(0)
推荐(0)
摘要：
VUE课程 13、双向数据绑定v-model 一、总结 一句话总结： vue中，v-model指令可以做双向绑定，也就是M（model）和V（view）的双向绑定 <div id="app"> <input type="text" v-model="msg2"> <!-- <input type=" 阅读全文
posted @ 2020-05-14 06:57
范仁义
阅读(213)
评论(0)
推荐(0)
摘要：
VUE课程 12、事件修饰符 一、总结 一句话总结： vue中可以可以用事件修饰符来做我们事件操作中常用的阻止默认事件（event.preventDefault()）或者阻止事件冒泡（event.stopPropagation()）等事件操作 vue中常用的事件修饰符有.stop（阻止冒泡）、.pr 阅读全文
posted @ 2020-05-14 03:56
范仁义
阅读(273)
评论(0)
推荐(0)
浙公网安备 33010602011771号