代码语言:javascript
复制
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{fullName}}</h2> </div>
<script src="../js/vue.js"></script> <script> const app = new Vue({ el: '#app', data: { firstName: 'kobe', lastName: 'Bryant' }, computed: { /*fullName: function () { return this.firstName+' '+this.lastName }*/ //计算属性一般没有set方法,只读属性 fullName: { /* set: function (newValue) { // console.log("------"+newValue); const names = newValue.split(' '); this.firstName = name[0] this.lastName = name[1] },*/ get: function () { return this.firstName+' '+this.lastName } }, /*fullName: function () { return this.firstName+' '+this.lastName }*/ } }) </script>
</body>
</html>