以下这段代码是关于Vue的,请问什么意思?

<script>
var vm = new Vue({
el: '#app',
data: {
name: "jack",
age: 18
},
methods: {
getName() {
return "rose"
}
}
})
</script>

达令说
浏览 255回答 2
2回答

幕布斯6054654

新建一个Vue对象,Vue对象里传入的数据有1,字符串el,值为“#app”2,对象data,里面的数据是字符串name,值为“jack”,数字age,值为183,对象methods,里面有一个方法getName,方法返回字符串 “rose”

侃侃尔雅

这个是vue.js 的方法。<div&nbsp;id="app"&nbsp;@click="getName">&nbsp;&nbsp;&nbsp;&nbsp;{{name}}{{age}}</div><script>var&nbsp;vm&nbsp;=&nbsp;new&nbsp;Vue({el:&nbsp;'#app',data:&nbsp;{name:&nbsp;"jack",age:&nbsp;18},methods:&nbsp;{getName()&nbsp;{console.log(123);&nbsp;//这样你就清楚的看出这段代码的执行。return&nbsp;"rose"}}})</script>这样你应该就懂了,js中 data 给name和age 赋值,页面元素使用 {{name}} 这种方式就能够取到值。@click="getName" 这段代码就是使用 下面method属性定义的方法,点击这个div会执行getName方法。如果你要执行的话,记得到加一个 vue.js 到代码中。
打开App,查看更多内容
随时随地看视频慕课网APP