1. 程式人生 > >vue開發專案引入vuex

vue開發專案引入vuex

對於vuex的意義不囉嗦的講 一句話:儲存公共變數的地方  

那麼在實際專案開發中是怎麼引入的呢?跟我們在文件上的有何區別呢?

在官方文件上,一般demo是寫在vm例項檔案上的,而實際開發中,保持檔案作用的統一性我們通常新建一個新的檔案或者資料夾來盛放我們的功能程式碼,比如說我們的路由模組

第一步:先下載vuex

npm install vuex --save

第二步:

在main檔案中引入使用

import store from './store/index.js'

import Vuex from 'vuex'

Vue.use(Vuex)

在例項中掛載

第三部:建檔案

 第4部:寫在檔案中引入

使用方法:

state相當於 元件中的data 裡面儲存變數

mutations:相當於methods 是一些資料的處理方法

getters:相當於過濾器

在元件中使用state的方法同router相似

使用:this.$store.state.變數名  就可以獲取 與賦值

在插值表示式中{{ $store.state.變數名 }}