v-for
摘要：数组中在末尾添加元素用push，在最前面添加元素用 unshift。 注意：在组件中，使用v-for循环的时候，或者在一些特殊情况中，如果 v-for 有问题，必须在使用 v-for 的同时，指定唯一的字符串/数字 类型的 :key 值。
阅读全文
posted @
2019-05-15 09:47
JAVA_STUDYER
阅读(188)
推荐(0)
样式
摘要：没有使用vue的时候，写法： 使用Vue后，可以有下面几种样式的写法： 1、使用数组 2、在数组中使用三元运算符 这里的 flag 是data中定义的一个属性。 3、在数组中，使用对象 代替三元运算符 4、直接使用对象： 也可以：
阅读全文
posted @
2019-05-14 17:23
JAVA_STUDYER
阅读(153)
推荐(0)
v-on绑定事件指令（缩写是@）、v-bind绑定属性指令（缩写是：）
摘要：v-on指令用于绑定事件！例如，绑定click事件和鼠标悬浮事件： v-on:click="show1" 可以简写为 @click="show1" v-on:mouseover="show2"，可以简写为 @mouseover="show2"
阅读全文
posted @
2019-05-13 17:43
JAVA_STUDYER
阅读(593)
推荐(0)
v-text,v-html,v-bind
摘要：转自： 1. v-text 作用 ： 操作元素中的纯文本 快捷方式 ： {{}} 栗子1 简写形式：将v-text=""换成{{}} <div id="app"> {{ message }} </div> var app = new Vue({ el : '#app', data : { messa
阅读全文
posted @
2019-05-10 17:59
JAVA_STUDYER
阅读(1316)
推荐(1)
cloak指令：解决（在页面加载过程中，因网速过慢，导致的）插值表达式闪烁问题
摘要：css中的属性选择器： [ ]，例如： <p v-cloak> {{ msg }} </p> 上面p标签有属性 ：v-cloak。因此，可以为此设置样式： [v-cloak] { // 为带有 v-cloak 属性的所有元素设置样式： display:none; } 在上面p标签中，{{ msg }
阅读全文
posted @
2019-05-10 15:14
JAVA_STUDYER
阅读(492)
推荐(0)
浙公网安备 33010602011771号