TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊
新建一個(gè)Vue對(duì)象，Vue對(duì)象里傳入的數(shù)據(jù)有
1，字符串el，值為“#app”
2，對(duì)象data，里面的數(shù)據(jù)是字符串name，值為“jack”，數(shù)字age，值為18
3，對(duì)象methods，里面有一個(gè)方法getName，方法返回字符串 “rose”
TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超16個(gè)贊
這個(gè)是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); //這樣你就清楚的看出這段代碼的執(zhí)行。return "rose"}}})</script> |
這樣你應(yīng)該就懂了，js中 data 給name和age 賦值，頁(yè)面元素使用 {{name}} 這種方式就能夠取到值。
@click="getName" 這段代碼就是使用 下面method屬性定義的方法，點(diǎn)擊這個(gè)div會(huì)執(zhí)行g(shù)etName方法。
如果你要執(zhí)行的話，記得到加一個(gè) vue.js 到代碼中。
舉報(bào)