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