JobPlus知识库 IT 软件开发 文章
利用vue-cli搭建项目

一,关于开启新项目

1,在桌面打开命令行窗口vue init webpack xxx(项目名字)

第一步操作

后面一直回车即可

2,然后cd xxx(项目名称)进入文件夹

3,cnpm i

4,npm run dev

5,打开8081端口

页面效果

项目目录

二,关于路由跳转

我们搭建项目要写的内容都在src目录下,路由都在router目录下的index.js文件里配置。

要引入的文件是在main.js里配置,比如要使用element ui 则在main.js里引入

如何路由跳转?

1,在components下新建一个vue文件 first.vue



2,然后配置index.js

3,在helloworld里加跳转

三,关于vue-resource

在项目文件里打开命令行输入 cnpm install vue-resource


执行完后在main.js里配置

import VueResource from 'vue-resource'

Vue.use(VueResource)

resource的使用

helloworld页面

html

js

页面输出

mint-ui 使用

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

¥ 打赏支持
115人赞 举报
分享到
用户评价(0)

暂无评价,你也可以发布评价哦:)

扫码APP

扫描使用APP

扫码使用

扫描使用小程序