Vue之常用的內置指令詳解
<body> <div id="root"> <h1 v-pre>好好學習</h1> <h1>{{name}}</h1> <h1 v-text="name"></h1> <h2 v-html="str"></h2> <h2 v-once>初始化時n的值是:{{n}}</h2> <h2>當前的值是:{{n}}</h2> <button @click="n++">點我n+1</button> </div> <script> Vue.config.productionTip = false; new Vue({ el: "#root", data: { n: 1, name: "王同學", str: '<h4>你好!</h4>' } }); </script> </body>
總結
本篇文章就到這裡瞭,希望能夠給你帶來幫助,也希望您能夠多多關註WalkonNet的更多內容!