使用Vuex+Vue.js搭建单页应用[新文]去年7月6日，一篇使用Vuex+Vue的文章。js构建单页应用。文章主要介绍vuex的基本用法。发现它对大多数初学者有很大帮助。时至今日，依然有不少同学继续点赞收藏。最高浏览量达到20.4K，鉴于前端技术的快速发展和更新，特此整理一个vue2.0版本vuex的基本使用方法，希望能帮助到更多刚入门或即将上手的同学开始了。本文主要介绍如何使用最新的vue2.0API以及与vue1.x的一些区别。阅读建议1.在阅读本文之前，希望您已经阅读了我之前的文章《使用Vuex+Vue.js构建单页应用》，了解我们需要实现的基本需求。2.希望大家阅读并掌握以下知识点ECMAScript6入门什么是Vuexvue2.0官方文档目录层级变化首先目录层级变化，我们来看一下前后对比：在2.0版本中，vuex的文件夹已更改为store├──index.html├──src│├──App.vue│├──assets││└──logo.png│├──components││├──Editor。vue│├──NoteList.vue││└──Toolbar.vue│├──main.js│└──store│├──actions.js│├──getters.js│├──index.js│├──mutation-types.js│└──mutations.js└──static1..0version├──index.html├──src│├──App.vue│├──assets│││└──logo.png│├──components│├──Editor.vue│││├──NotesList.vue││└──Toolbar.vue│├──main.js│└──vuex│├──actions.js│├──getters.js│└──store.js└──静态用法的改变注入到文件的main.js中。2.0的注入方式如下：importVuefrom'vue'importAppfrom'./App'importstorefrom'./store';Vue.config.productionTip=false/*eslint-disableno-new*/newVue({el:'#app',template:'
