详解vue+vueRouter+webpack的简单实例

最后npm run dev 查看效果就ok~如果想改绑定的端口号或者主机号，则在package.json中对应改就好

example:

"scripts": {
 "dev": "cross-env NODE_ENV=development webpack-dev-server --port 8181 --open --inline --hot",
 "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
 }

其中端口号是dev中的 –port <port>,主机号则为–host <hostname/ip>就比如我这里则绑定的为8181端口。

最后给大家展示一下效果图吧~没看过vue-router的同学请自行看文档= =…我这里只是最基础的展示了而已

http://localhost:8181/#/index

http://localhost:8181/#/info

http://localhost:8181/#/discovery

http://localhost:8181/#/setting

其实都是一些很简单的代码和组件划分，大家应该看一看就明白的了，最后vux你快更新2.0吧555~不说了我去看vuex了