前端
文章平均质量分 75
qq_39252870
这个作者很懒,什么都没留下…
展开
-
vue中监视器watch的使用
Title原创 2019-10-17 14:57:41 · 331 阅读 · 1 评论 -
v-bind的使用
作用:将vue中的数据绑定到标签的属性上。编译的时候会被处理class="".因为class是原生的Html属性,因此插值会被删除。v-bind的快捷方式: :例如: Title ...原创 2019-10-17 13:52:08 · 79 阅读 · 0 评论 -
v-if和v-show的区别
v-if是将元素干掉。v-show 是将元素隐藏掉。v-if更需要消耗资源。一次性判断。如果有些私密信息需要保护的时候用。v-show的性能非常好。经常切换的使用用。...原创 2019-10-17 10:02:55 · 71 阅读 · 0 评论 -
vue中阻止元素自身触发事件
使用@click.prevent代码如下: Title 非常帅 {{num}}位女生着迷</h1><span v-html="name"></span><button @click="num ++">点击</button><br&g...原创 2019-10-16 20:42:59 · 1216 阅读 · 0 评论 -
vue中事件冒泡
当点击了子元素时,触发了子元素的事件的同时,触发了父元素。代码如下: Title 非常帅 {{num}}位女生着迷</h1><span v-html="name"></span><button @click="num ++">点击</button&...原创 2019-10-16 20:36:00 · 357 阅读 · 0 评论 -
vue常见指令的区别
v-html: 如果输出的数据有html代码,如果输出的数据是html代码,会被渲染。如果有攻击的时候用。v-text:展示的是文本,会作为普通文本的输出。确定是渲染的时候可以用。v-model:提供双向绑定。Example: Title 非常帅 {{num}}位女生着迷</h1>&l...原创 2019-10-16 20:31:55 · 202 阅读 · 0 评论 -
vue的学习{{}}的缺点
插值表达式的缺点:当用户网络慢时,会出现插值闪烁。因此更加推荐使用v-text:例如:插值代码如下: Title {{name}}非常帅 {{num}}位女生着迷</h1><button @click="num ++">点击</button><br>...原创 2019-10-16 20:01:55 · 129 阅读 · 0 评论