Vue-熟悉基本快速應用到實際開發-一部曲
阿新 • • 發佈：2018-11-11
VUE框架
el：獲取要使用VUE的element
data：資料，資料具有同步性
methods：方法集
<html> <head> <title>HelloWorld</title> <script src="../vue.js"></script> </head> <body> <div id='demo-content'> <div>{{ HelloWorld }}</div> <!-- v-on:click.stop v-on:click.prevent v-on:click.capture v-on:click.self v-on:click.once v-on:click.passive --> <button v-on:click="setHelloWorld('漂亮的你')">You're Beautiful</button> <form v-on:submit="newsSearch()"> <input type="serach"/> <input type="submit" value="搜尋"/> </form> </div> <script> var vm = new Vue({ el: '#demo-content', data: { HelloWorld: '你好世界！' }, methods: { setHelloWorld: function(val) { this.HelloWorld = val; }, newsSearch() { alert('Login..........'); } } }); </script> </body> </html>