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: