Ở bài trước mình đã giới thiệu sơ qua về vuex sang bài này mình sẽ đi chi tiết về cách dùng của state và getters
Thiết lập sử dụng vuex
Các bạn có thể xem chi tiêt tại đây
Mình hướng dẫn thiết lập bằng npm, các bạn mở project chạy lệnh sau để cài đặt vuex
npm install vuex --save
Sau khi cài đặt ta tạo 1 folder store để lưu trữ
Thiết lập file index.js cho 1 module
file index.js cơ bản
import Vue...
Bài trước chúng ta đã được giới thiệu về state và getters bài hôm nay chúng t sẽ đi vào cách dùng của mutations và actions
Mutation
Ta thực hiện xóa 1item data trong posts
Post.vue
<template>
<div>
<h1>Danh sách bài viết</h1>
<ul>
<li class="mt-2 d-flex justify-content-between" v-for="post in posts" :key="post.id">
{{ post.title }}
<button class="btn...
Tạo một Application Instance
Mỗi ứng dụng Vue bắt đầu bởi việc tạo một application instance bằng hàm createApp
const app = Vue.createApp({
/* options */
})
Application instance này dùng để đăng ký 'globals' sau đó sẽ được component trong ứng dụng sử dụng.
const app = Vue.createApp({})
app.component('SearchInput', SearchInputComponent)
app.directive('focus', FocusDirective)
app.use(LocalePlugin)
Hầu hết các phương thức của...