<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
提交
取消