摘要:學(xué)習(xí),那么必不可少的需要需要,倉庫管理。但是在看官方文檔的時(shí)候,小白可能會(huì)遇到一個(gè)問題,就是在對(duì)著做計(jì)數(shù)示例的時(shí)候報(bào)各種錯(cuò)。運(yùn)行,正常然后安裝,安裝好了以后引入,我們以最簡單的引入方式為例在目錄下創(chuàng)建目錄。
學(xué)習(xí)vuejs,那么必不可少的需要需要vuex,倉庫管理。但是在看官方文檔的時(shí)候,小白可能會(huì)遇到一個(gè)問題,就是在對(duì)著做計(jì)數(shù)示例的時(shí)候報(bào)各種錯(cuò)。具體如下:
首先,參考官方vuejs安裝教程,使用npm安裝vue。運(yùn)行npm run dev,正常
然后npm i vuex --save安裝vuex,安裝好了以后引入,我們以最簡單的引入方式為例:
在src目錄下創(chuàng)建store目錄。并創(chuàng)建index.js文件,index.js文件如下:
import Vue from "vue" import Vuex from "vuex" Vue.use(Vuex) export default new Vuex.Store({ state: { count: 0 }, mutations: { // 增加 increment (state) { state.count ++ }, // 減少 decrement (state) { state.count -- } } })
目錄如下:
然后在入口文件main.js引入store
// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from "vue" import App from "./App" import router from "./router" import store from "./store" Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: "#app", router, store, template: "", components: { App } })
好了。引入sotre成功了。接下來在componets的vue文件中使用:
{{ count }}
在這里會(huì)遇到一些問題,如下:
這個(gè)是因?yàn)樵趓eturn前面有空格。因?yàn)樵陂_始npm安裝項(xiàng)目的時(shí)候,安裝了eslint。對(duì)代碼要求比較嚴(yán)格。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/90672.html
摘要:一基礎(chǔ)學(xué)習(xí)模式下圖不僅概括了模式,還描述了在中是如何和以及進(jìn)行交互的。關(guān)于這一點(diǎn)我們將在后續(xù)反應(yīng)系統(tǒng)中討論。父組件通過向下傳遞數(shù)據(jù)給子組件,子組件通過給父組件發(fā)送消息。這個(gè)對(duì)象必須是普通對(duì)象原生對(duì)象,及原型屬性會(huì)被忽略。 Vue.js 是用于構(gòu)建交互式的 Web 界面的庫。Vue.js 提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng),具有簡單、靈活的 API。 其實(shí)和Jquery一樣...
摘要:前言本文的前身是源自上的項(xiàng)目但由于該項(xiàng)目上次更新時(shí)間為年月日,很多內(nèi)容早已過期或是很多近期優(yōu)秀組件未被收錄,所以小肆今天重新更新了內(nèi)容并新建項(xiàng)目。提交的項(xiàng)目格式如下項(xiàng)目名稱子標(biāo)題相關(guān)介紹如果收錄的項(xiàng)目有錯(cuò)誤,可以通過反饋給小肆。 前言 本文的前身是源自github上的項(xiàng)目awesome-github-vue,但由于該項(xiàng)目上次更新時(shí)間為2017年6月12日,很多內(nèi)容早已過期或是很多近期優(yōu)...
摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...
閱讀 3111·2021-10-13 09:40
閱讀 3966·2021-09-22 15:51
閱讀 1511·2021-09-22 15:48
閱讀 1079·2021-09-06 15:00
閱讀 1803·2019-08-30 15:43
閱讀 2371·2019-08-29 18:35
閱讀 1683·2019-08-29 16:18
閱讀 3627·2019-08-29 12:49