vue-router笔记

1、安装vue-cli脚手架
a.下载安装node.js,随包同时也安装了npm;
b.安装vue-cli:npm install vue-cli -g; //全局安装
c.vue init webpack demo //初始化项目
d.nmp install //安装项目依赖包,也就是安装package.json里的包
e.npm run dev //开发模式下运行我们的程序。给我们自动构建了开发用的服务器环境和在浏览器中打开,并实时监视我们的代码更改,即时呈现给我们。
f.npm run build //发布文件,项目根目录生成了dist文件夹,这个文件夹里边就是我们要传到服务器上的文件。
2、vue-router:SPA(单页应用)的路径管理器
3、<router-view/>显示模板文件(xx.vue文件)里面的内容

猜你喜欢

转载自blog.51cto.com/9161018/2318997