02Vue常用指令学习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-text,v-html指令</title> <script src="node_modules/vue/dist/vue.js"></script> </head> <style> [v-clock]{ display: none; } </style> <body> <div id="app"> <div>{{msg}}</div> <!--v-text指令 会覆盖标签原有的内容--> <div v-text="msg2"></div> <div v-html="msg3"></div> <div v-clock>{{msg}}</div> </div> <script> var vm=new Vue({ el : '#app', data:{ msg:'滑稽', msg2:'哈哈哈', msg3:'<h1>我是HTML内容</h1>' } }) </script> </body> </html>
依赖：npm i vue
浙公网安备 33010602011771号