likes
comments
collection
share

Vue-初试水(一)

作者站长头像
站长
· 阅读数 28

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即可进入vueVue-初试水(一)

之后对vue项目的任何操作,直接保存,就会在这个url下直接体现,并可进行调试,修改vue启动端口端口号:Vue-初试水(一)

2、vue路由配置再讲路由之前,可以先说下vue的引包,vue引入包后,要进行应用声明

此处是在route下面创建一个Js文件

Vue-初试水(一)

这里面就是要引入的实际页面的路径,也就是此处路由的概念是页面之前的跳转及调用:Vue-初试水(一)

引用路由链接在对应的主App.vue下进行,以此为例

这段就是引用刚才路由里面那段配置,当然同时要存在index.vue这个文件页面。

<router-link to="/index">首页</router-link>

Vue-初试水(一)

package.json里面的serve中的对应的serve就是npm启动的那个路径 npm run serve:Vue-初试水(一)