Vue入门

一.安装vue-cli (第一次使用的时候进行安装)

2.Npm i -g vue-cl

Vue入门_第1张图片

3.Npm i webpack -g

Vue入门_第2张图片

4.Npm i webpack-cli -g

Vue入门_第3张图片

5.创建项目(Vue create 项目的名字)

Vue入门_第4张图片

6.

如果出现这个   就是vue-cli 的版本和我们创建项目的版本不一致修改一下版本

Vue入门_第5张图片

Vue入门_第6张图片

卸载原来的不符合使用的vue的版本并安装合适的版本

7.一直按照如图所示操作

Vue入门_第7张图片

Vue入门_第8张图片

Vue入门_第9张图片

安装完成

8.安装axios

npm i axios  

二.路由

1.

定义路由的时候  path的路径一定是唯一的

如果写name   对应的值 也得是唯一

Vue入门_第10张图片

(1)

容器 作用  存放组件   一般寻访到父组件里面

(2)App.vue是所有组件的父类

(3)在vue 里面 @ 代表的是src

2.