关于vue.js:Vue初试水一

51次阅读

共计 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:

正文完
 0