前端系列課程之Vuex
阿新 • • 發佈:2020-10-16
Vuex
- 為什麼使用Vuex
例子:(使用Vue方法:)
新建(一):
新建(二):
將新建的兩個檔案匯入 About中,做子元件:
事件匯流排:(全域性定義)
在新建(一)新增:
在新建(二)中新增:
(上面適用於小專案開發)
- Vuex原理:
一、安裝 vuex
二、建立倉庫檔案
1.建立資料夾
2. 在資料夾中建立檔案:
3.在新建檔案中匯入:
4.匯入到main.js
- Vuex原理
> store中通過state管理資料,實現資料在元件之間共享
> Vuex和本地儲存的區別
> Vuex臨時儲存在記憶體中,本地儲存可以持久儲存
> Vuex針對元件間共享資料,本地儲存針對多頁面間共享資料
新建兩個檔案
在About.vue中匯入
(上圖未截全,script中配置類似如下:)