如何設定實體的選項。因應工作目前專案是Vue2,直接來舉例
一開始我們都需要先建立一個Vue的物件實體,並將物件套用進某個變數裡
const userManager = new Vue({
data: {
users: [
{ id: 1, name: 'Alice', age: 28 },
{ id: 2, name: 'Bob', age: 32 },
{ id: 3, name: 'Charlie', age: 22 },
]
},
methods: {
addUser(newUser) {
// 添加新用戶到用戶列表
this.users.push(newUser);
},
deleteUser(userId) {
// 刪除指定用戶
this.users = this.users.filter(user => user.id !== userId);
},
getUserById(userId) {
// 根據用戶ID獲取用戶信息
return this.users.find(user => user.id === userId);
}
}
});
上面程式碼通過new Vue()創建了一個Vue實體物件userManager
趕專案中今天先這樣,明天見~