<script>var vm = new Vue({el: '#app',data: {name: "jack",age: 18},methods: {getName() {return "rose"}}})</script>
2 回答
幕布斯6054654
TA貢獻1876條經驗 獲得超7個贊
新建一個Vue對象，Vue對象里傳入的數據有
1，字符串el，值為“#app”
2，對象data，里面的數據是字符串name，值為“jack”，數字age，值為18
3，對象methods，里面有一個方法getName，方法返回字符串 “rose”
侃侃爾雅
TA貢獻1801條經驗 獲得超16個贊
這個是vue.js 的方法。
<div id="app" @click="getName"> {{name}}{{age}}</div><script>var vm = new Vue({el: '#app',data: {name: "jack",age: 18},methods: {getName() {console.log(123); //這樣你就清楚的看出這段代碼的執行。return "rose"}}})</script> |
這樣你應該就懂了，js中 data 給name和age 賦值，頁面元素使用 {{name}} 這種方式就能夠取到值。
@click="getName" 這段代碼就是使用 下面method屬性定義的方法，點擊這個div會執行getName方法。
如果你要執行的話，記得到加一個 vue.js 到代碼中。
添加回答
舉報
0/150
提交
取消