vue计算属性,方法,监听器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算属性,方法,监听器</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> {{fullName}} {{age}}<br /> {{fullNameMethods()}}<br />{{fullName1}} </div> <script type="text/javascript"> var vm = new Vue({ el: "#app", data: { firstName: 'Harold', lastName: 'Jim', age: 44, fullName1: '', }, // 计算属性 computed: { fullName() { console.log("计算属性计算了一次") return "计算属性:" + this.firstName + " " + this.lastName } }, methods: { fullNameMethods() { console.log("方法计算了一次") return "方法:" + this.firstName + " " +