Vuex 是什麽

VuexVue 提供的一种资料状态管理的模式,它可以统一控管资料的状态,都是在小型的 SPA 网站,元件资料的传递可以透过 props ,但如果是大型的 SPA 专案,则建议可以使用 Vuex 来统一管理资料的状态。

这里会以 Vue Cli 的专案为范例,可以直接在终端下 npm install vuex --save 来安装 Vuex
接着会在 main.js 里面 import 且使用 use 的方式来启用

import Vuex from 'vuex'

Vue.use(Vuex);

接着会在 src 资料夹建立一个 store 资料夹控管资料状态的档案,此时可以新增一个 index.jsstore 内,之後也是要 import 跟启用

// 这里别忘记也要载入 Vue
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

接着把这支 index.jsexport 的方式汇出

export default new Vuex.store({});

之後 import 汇入到 main.js

import store from './store';

然後放入到 main.js 的 Vue 实体内

new Vue({
    store
});

这样 Vuex 的准备就算是完成了 ~


<<:  目录服务

>>:  问责制,审计和审计追踪(Accountability, Auditing, and Audit Trail)

Dictionary 使用array创建与字典取值

缘由: 在职训时老师讲解语法,讲到Dictionary(字典)时,有一种老师说的我都懂,看起来没什麽...

[Day29] RSI指标

今天做的是RSI指标,他是用一个公式去测量过去一段周期内的涨跌强弱,然後用0~100的数据来表示,越...

Day [29] Azure Custom Vision-Line Chatbot整合(一)

Line Messaging API-Get User content 今天带大家整合目前开发的Li...

Day 06: Creational patterns - Factory Method

目的 不再限制一个工厂(物件)建立许多产品(物件),而是转变成一个产品(物件)对应一个工厂(物件),...

[Day19]虚拟机环境安装

今天这集要教大家如何安装虚拟机!其实这个不管未来要做甚麽都是一个蛮值得学会并安装到自己电脑的软件,...