vue v-html v-text
阿新 • • 發佈：2018-12-09
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Hello Vue</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> /* 重新整理的時候不顯示 */ [v-cloak]{ display: none; } </style> </head> <body> <div id="main"> <h2 v-cloak>{{msg}}</h2> <h3 v-text="msg1"></h2> <div v-html="msg2"></div> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var vm = new Vue({ // 要用哪一個div 即V層 el : '#main', // 資料 即M層 data : { msg:'hello vue', msg1:'hello vue', msg2:'<h4>hello vue</h4>', }, // 方法 函式 methods : { }, }) </script> </body> </html>
