为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

达令说 2022-01-13 15:11:29
<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”

查看完整回答
反对 回复 2022-01-16
?
侃侃尔雅

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 到代码中。


查看完整回答
反对 回复 2022-01-16
  • 2 回答
  • 0 关注
  • 254 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信