摘要：
² 绑定单个复选框 绑定一个复选框 <input type="checkbox" v-model="checked"> data:{ checked:true } ² 绑定多个复选框 此种方式需要input标签提供value属性 <input type="checkbox" value="html" 阅读全文
posted @ 2020-12-28 19:44
Tsunami黄嵩粟
阅读(65)
评论(0)
推荐(0)
摘要：
v-model 作用: 表单元素的绑定，实现了双向数据绑定，通过表单项可以更改数据。 v-model会忽略所有表单元素的value、checked、selected特性的初始值,而总是将Vue实例的数据作为数据来源，应该在data选项中声明初始值。 ² 绑定文本框 <p>{{message}}</p 阅读全文
posted @ 2020-12-28 15:18
Tsunami黄嵩粟
阅读(119)
评论(0)
推荐(0)
摘要：
² 对象语法 <div:style="{color: redColor, fontSize: '20px'}">对象写法</div> data: { redColor: 'red' } ² 数组语法 <div v-bind:style="[color, fontSize]">数组写法</div> d 阅读全文
posted @ 2020-12-28 15:03
Tsunami黄嵩粟
阅读(29)
评论(0)
推荐(0)
摘要：
样式绑定 class样式处理 ² 对象语法 # css定义 .active { color: red; } # html <div v-bind:class="{active: isActive}">class样式</div> # js vue data: { isActive: true } cl 阅读全文
posted @ 2020-12-28 14:58
Tsunami黄嵩粟
阅读(71)
评论(0)
推荐(0)
摘要：
https://cn.vuejs.org/v2/guide/events.html#按键修饰符 在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符。 <!-- 只有在 `key` 是 `Enter` 回车键的时候调用 --> <input @key 阅读全文
posted @ 2020-12-28 14:47
Tsunami黄嵩粟
阅读(84)
评论(0)
推荐(0)
摘要：
事件修饰符 用来处理事件的特定行为 <!-- 阻止冒泡 --> <button @click.stop="doThis"></button> <!-- 阻止默认行为 --> <a @click.prevent="doThis"></a> <!-- 只执行一次 --> <div @click.once 阅读全文
posted @ 2020-12-28 14:41
Tsunami黄嵩粟
阅读(80)
评论(0)
推荐(0)
摘要：
绑定事件监听器（事件绑定） <!-- 常规写法 --> <button v-on:click="事件实现方法()"></button> <!-- 缩写 --> <button @click="事件实现方法()"></button> # 绑定好事件实现方法后需要在Vue对象中的methods对象中实现 阅读全文
posted @ 2020-12-28 14:26
Tsunami黄嵩粟
阅读(60)
评论(0)
推荐(0)
摘要：
根据一组数组或对象的选项列表进行渲染。 v-for指令需要使用 (item,index) in 数组或对象 形式的特殊语法，同时还需要指定key值,key的作用在vue进行新旧数据比对渲染页面里，如果有key值会提升比对性能，加快渲染，key使用唯一的值来赋值。 伪标签：template：不会解析为 阅读全文
posted @ 2020-12-28 14:15
Tsunami黄嵩粟
阅读(113)
评论(0)
推荐(0)
摘要：
v-once指令 只渲染元素和组件一次，之后元素和组件将失去响应式功能 v-if和v-show 根据表达式的布尔值(true/false)进行判断是否渲染该元素 注：v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运 阅读全文
posted @ 2020-12-28 14:08
Tsunami黄嵩粟
阅读(187)
评论(0)
推荐(0)
摘要：
指令(Directives)就是vue给html标签提供的一些自定义属性，这样属性都是带有 v- 前缀的特殊属性。指令特性的值预期是单个JS表达式(v-for是例外情况)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。 v-html 解析html指令 注：尽量避免使用， 阅读全文
posted @ 2020-12-28 14:03
Tsunami黄嵩粟
阅读(83)
评论(0)
推荐(0)
浙公网安备 33010602011771号