三、vue内置指令与自定义指令

最新推荐文章于 2023-03-18 10:05:04 发布

KGQYumik~

最新推荐文章于 2023-03-18 10:05:04 发布

阅读量199

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_44023101/article/details/105250328

版权

本文探讨了Vue框架中的内置指令，如v-show与v-if的使用区别，以及如何根据场景选择合适的方式。同时，介绍了Vue的自定义指令，包括全局指令和局部指令的应用。

摘要由CSDN通过智能技术生成

                    
                        
                    
                    三、vue指令 
 （1.）常用内置指令   		+  v-text ：更新元素的textContent，只渲染标签内容
  		+  v-html：更新元素的innerHtml，渲染html标签效果
  		+  v-once：只执行一次，数据改变时，内容不会更新
  		+  v-for：遍历数组/对象
  		+  v-bind （简写为 : ）：强制数据绑定
  		+  v-on （简写为 @） ：绑定监听事件
  		+  v-model：双向数据绑定
  		+  v-if：如果为true，当前标签才会输出到页面
  		+  v-if-else：紧跟着v-if
  		+  v-else：与v-if配合使用，当前标签（紧跟着v-if和v-else-if）
  		+  v-show：当前标签的display切换，显示/隐藏
  		+  ref：指定唯一标识，vue对象通过$ref属性访问这个元素对象
 // ref示例
<p ref="content">ccccc</p>  //给元素p指定一个ref标识。想获取此元素中的内容
this.$ref.content.innerHTML
   		+ v-cloak：防止刷新时闪现表达式，与css：[v-cloak] {display：none} 

                