lichen360 【VUE教程】简单几步了解计算属性！
Vue 教程—下面我们一起来，简单几步了解计算属性！
1、清楚看出 computed methods 的区别
2、在 computed 内可以不用小括号 可以直接进行显示。
3、了解拼接的方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算属性</title>
</head>
<body>
<viv id="app">
<p>{{name}}</p>
<p>{{name2()}}</p>
</viv>
<script src="vue.js"></script>
<script>
const vm = new Vue({
el: '#app',
data: {
lastName: '毛毛博客资源网',
firstName: '毛毛'
},
computed: {
name: functiоn(){
return this.lastName + '' + this.firstName;
}
},
methods: {
name2: functiоn () {
return this.lastName + '' + this.firstName;
}
}
})
</script>
</body>
</html>
如下载链接失效，请联系管理员处理【QQ：941007525，微信:style028666】
免责申明：
本站资源均来源于互联网，如有侵权请联系站长！将第一时间删除
本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
资源仅供学习参考请勿商用或其它非法用途，否则一切后果用户自负！
毛毛博客 » 【VUE教程】简单几步了解计算属性！
免责申明：
本站资源均来源于互联网，如有侵权请联系站长！将第一时间删除
本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
资源仅供学习参考请勿商用或其它非法用途，否则一切后果用户自负！
毛毛博客 » 【VUE教程】简单几步了解计算属性！
