vue.js學習
阿新 • • 發佈：2021-01-08
技術標籤：跨平臺
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> {{message}} <p v-html="rawHtml"></p> </div> <script> var app = new Vue({ el: '#app', data:{ message : "hellow2", rawHtml: '<span style="color:red">this is v-html</span>' } }) </script> </body> </html>
在new Vue的時候，有兩個引數，el代表元素，如果不在el宣告的元素之內，則不能生效，data代表資料。
<div id="app">
{{message}}
<p v-html="rawHtml"></p>
</div>
如果把<p v-html="rawHtml"></p>這段程式碼移動到app元素之外：
<div id="app"> {{message}} </div> <p v-html="rawHtml"></p>
則效果為：
參考:Vue.js教程