Vue-Vue文字渲染三種方法 {{}}、v-html、v-text
阿新 • • 發佈：2019-01-09
{{ }}
將元素當成純文字輸出
v-html
v-html會將元素當成HTML標籤解析後輸出
v-text
v-text會將元素當成純文字輸出
程式碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue文字渲染三種方法</title> </head> <body> <div id="app"> <!-- {}}/v-text不能解析html元素，只會照樣輸出 --> <p>{{hello}}</p> <p v-text = 'hello'></p> <p v-html = 'hello'></p> </div> </body> <script src="vue.js"></script> <script> new Vue({ el:'#app', data:{ hello:'<span>hello world</span>' } }) </script> </html>
執行結果：
