vue-資料繫結
阿新 • • 發佈：2018-11-15
- 變數繫結
- value繫結
- html繫結
參見下面程式碼：
app.js: new Vue({ el:"#div-id", data:{ name:"hello world", href:"http://www.baidu.com", nametag:"<a href='baidu.com'>百度</a>" }, methods:{ fun:function(){ return "fun() 被呼叫"; } } }); html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Vue</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head> <body> <div id="div-id"> <div> {{name}} </div> <div> {{fun()}} </div> <div> <a v-bind:href="href">百度</a> </div> <div> value繫結 <input type="text" v-bind:value="name" /> </div> <div> html繫結 <div v-html="nametag"> </div> </div> </div> <script type="text/javascript" src="js/app.js" ></script> </body> </html>