Vue指令用法

392 阅读1分钟

1、v-cloak   

解决插值表达式闪烁的问题

<script src="https://cdn.jsdelivr.net/npm/vue"></script><body>  <div id="app">    <p v-cloak>{{ message }}</p>  </div></body><script>  var vm = new Vue({    el: '#app',    data: {      message: '欢迎学习'    }  })</script>

<style>  [v-cloak] {    display: none;  }</style>

2、v-text      

和v-cloak功能相似但没有闪烁问题

它会覆盖元素中原本的内容但是插值表达式只会替换自己的占位符,不会把整个元素的内容清空

<h4 v-text="message"></h4>