Vue之文本插值 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 8     <title>文本插值</title>
 9 </head>
10 
11 <body>
12     <div id="div">
13         <div>{{msg}}</div>
14         <div v-html="msg"></div>
15     </div>
16 </body>
17 <script src="../js/vue.js"></script>
18 <script>
19     new Vue({
20         el: "#div",
21         data: {
22             msg: "<b>Hello Vue</b>"
23         }
24     });
25 </script>
26 
27 </html>

 

posted @ 2021-09-03 20:41  丁帅帅dss  阅读(102)  评论(0)    收藏  举报