一,关于开启新项目
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 使用
登录 | 立即注册