Vue之常用的内置指令详解
作者:王同学要努力
这篇文章主要为大家介绍了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>
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!