天天看点

新手小白学习Vue路由

我是用npm下载cli脚手架,官网也有具体教程,下面复制于Vue官网

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm run dev      

接着shell窗口会弹出很多选择项,可以根据具体需求进行选择

最后下载完毕的项目是这样的

新手小白学习Vue路由

其中Vue有个路由的文件夹,在src里面

新手小白学习Vue路由

好了,最后上代码吧

新手小白学习Vue路由

最后一步,在main.js里面引入路由

新手小白学习Vue路由

另外补充一下配置webpack路径那里

新手小白学习Vue路由

第一篇blog,本身也不是大神,有错误的地方欢迎指出