在 Vue.js 中获取数据的 5 种方法：1. 通过 this 数据访问；2. 通过模板中 mustache 语法访问；3. 通过 computed 属性访问；4. 通过 methods 处理和返回数据；5. 通过事件处理程序中获取。
如何获取 Vue.js 中的数据
在 Vue.js 中，可以通过以下方法获取数据：
1. this 数据访问
这是最常见的方法，直接使用 this 访问数据：
立即学习“前端免费学习笔记（深入）”；
export default {
data() {
return {
message: 'Hello Vue!'
}
},
mounted() {
console.log(this.message); // 输出 'Hello Vue!'
}
}2. template 中访问数据
可以在模板中使用 mustache 语法访问数据：
Message: {{ message }}
3. computed 属性
computed 属性允许您定义依赖于其他数据的派生数据：
export default {
data() {
return {
firstName: 'John',
lastName: 'Doe'
}
},
computed: {
fullName() {
return `${this.firstName} ${this.lastName}`
}
},
mounted() {
console.log(this.fullName); // 输出 'John Doe'
}
}4. methods
方法可以用于处理数据并返回结果：
export default {
data() {
return {
message: 'Hello Vue!'
}
},
methods: {
getMessage() {
return this.message
}
},
mounted() {
const message = this.getMessage();
console.log(message); // 输出 'Hello Vue!'
}
}5. event 中获取数据
可以在事件处理程序中获取数据，通过传递 event 参数：
