你的位置:首页 > 软件开发 > Java > Vue 2.0 + Vue Router + Vuex

Vue 2.0 + Vue Router + Vuex

发布时间:2016-12-09 17:01:38
用 Vue.js 2.x 与相配套的 Vue Router、Vuex 搭建一个最基本的后台管理系统的骨架。当然先要安装 node.js(包括了 npm)、vue-cli项目结构如图所示: package.json:{ "name": ...

Vue 2.0 + Vue Router + Vuex

用 Vue.js 2.x 与相配套的 Vue Router、Vuex 搭建一个最基本的后台管理系统的骨架。

当然先要安装 node.js(包括了 npm)、vue-cli

项目结构如图所示:

Vue 2.0 + Vue Router + Vuex

 

      package.json:

Vue 2.0 + Vue Router + VuexVue 2.0 + Vue Router + Vuex
{ "name": "element-starter", "description": "A Vue.js project", "author": "caihg", "private": false, "scripts": {  "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --open",  "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }, "dependencies": {  "element-ui": "^1.0.0",  "vue": "^2.1.0",  "vue-router": "^2.1.1",  "vue-server-renderer": "^2.1.3",  "vuex": "^2.0.0",  "vuex-router-sync": "^3.0.0" }, "devDependencies": {  "babel-core": "^6.0.0",  "babel-loader": "^6.0.0",  "babel-preset-es2015": "^6.13.2",  "cross-env": "^1.0.6",  "css-loader": "^0.23.1",  "file-loader": "^0.8.5",  "style-loader": "^0.13.1",  "vue-loader": "^10.0.0",  "vue-template-compiler": "^2.1.0",  "webpack": "^2.1.0-beta.25",  "webpack-dev-server": "^2.1.0-beta.0",  "webpack-dev-middleware": "^1.6.1" }}

原标题:Vue 2.0 + Vue Router + Vuex

关键词:VUE

VUE
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。