小白文，關于vuejs中的vuex計數(shù)小示例

philadelphia 發(fā)布于2019-08-21 18:38 / 2418人閱讀

摘要：學習，那么必不可少的需要需要，倉庫管理。但是在看官方文檔的時候，小白可能會遇到一個問題，就是在對著做計數(shù)示例的時候報各種錯。運行，正常然后安裝，安裝好了以后引入，我們以最簡單的引入方式為例在目錄下創(chuàng)建目錄。

學習vuejs，那么必不可少的需要需要vuex，倉庫管理。但是在看官方文檔的時候，小白可能會遇到一個問題，就是在對著做計數(shù)示例的時候報各種錯。具體如下：
首先，參考官方vuejs安裝教程，使用npm安裝vue。運行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文件中使用：

在這里會遇到一些問題，如下：

這個是因為在return前面有空格。因為在開始npm安裝項目的時候，安裝了eslint。對代碼要求比較嚴格。

GPU云服務器云服務器 webrtc中的引用計數(shù) linux小程序示例關于小程序小程序關于數(shù)據(jù)統(tǒng)計

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90672.html

Vue.js學習

摘要：一基礎學習模式下圖不僅概括了模式，還描述了在中是如何和以及進行交互的。關于這一點我們將在后續(xù)反應系統(tǒng)中討論。父組件通過向下傳遞數(shù)據(jù)給子組件，子組件通過給父組件發(fā)送消息。這個對象必須是普通對象原生對象，及原型屬性會被忽略。 Vue.js 是用于構建交互式的 Web 界面的庫。Vue.js 提供了 MVVM 數(shù)據(jù)綁定和一個可組合的組件系統(tǒng)，具有簡單、靈活的 API。其實和Jquery一樣...

TIGERB 2019-08-21 14:15 評論0 收藏0
【收藏】2019年最新Vue相關精品開源項目庫匯總

摘要：前言本文的前身是源自上的項目但由于該項目上次更新時間為年月日，很多內容早已過期或是很多近期優(yōu)秀組件未被收錄，所以小肆今天重新更新了內容并新建項目。提交的項目格式如下項目名稱子標題相關介紹如果收錄的項目有錯誤，可以通過反饋給小肆。前言本文的前身是源自github上的項目awesome-github-vue,但由于該項目上次更新時間為2017年6月12日，很多內容早已過期或是很多近期優(yōu)...

williamwen1986 2019-08-23 14:50 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

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

sutaking 2019-08-02 15:17 評論0 收藏0