1、Vue安装
1、vue可以通过npm下载生成项目,此处所以首先安装的是nodejs,这里的关系就是npm是nodejs里面的一个小弟,所以此处依赖nodejs
npm install vue
npm install vue-cli --vue脚手架
npm install --global webpack --打包
新建项目
vue init webpack a-project
运行项目
npm run dev
运行执行的是dev里面的配置进行构建运行,此处会在占用一个本地端口,直接访问这个url即可进入vue
之后对vue项目的任何操作,直接保存,就会在这个url下直接体现,并可进行调试,修改vue启动端口端口号:
2、vue路由配置
再讲路由之前,可以先说下vue的引包,vue引入包后,要进行应用声明
此处是在route下面创建一个Js文件
这里面就是要引入的实际页面的路径,也就是此处路由的概念是页面之前的跳转及调用:
引用路由链接在对应的主App.vue下进行,以此为例
这段就是引用刚才路由里面那段配置,当然同时要存在index.vue这个文件页面。
<router-link to="/index">首页</router-link>
package.json里面的serve中的对应的serve就是npm启动的那个路径 npm run serve: