国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

小白文,關(guān)于vuejs中的vuex計(jì)數(shù)小示例

philadelphia / 2428人閱讀

摘要:學(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文件中使用:




在這里會(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

相關(guān)文章

  • Vue.js學(xué)習(xí)

    摘要:一基礎(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一樣...

    TIGERB 評(píng)論0 收藏0
  • 【收藏】2019年最新Vue相關(guān)精品開源項(xiàng)目庫匯總

    摘要:前言本文的前身是源自上的項(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)...

    williamwen1986 評(píng)論0 收藏0
  • 關(guān)于Vue2一些值得推薦的章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...

    sutaking 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<