共计 559 个字符,预计需要花费 2 分钟才能阅读完成。
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:
正文完