vue+element-ui初学

1、安装 node 软件

2、查看安装版本： npm -v

3、配置淘宝镜像： npm install -g cnpm --registry=http://registry.npm.taobao.org

4、安装vue-cli， 命令： cnpm install -g vue-cli 按提示 *** 作，可以直接按确认

5、(这一步我不记得我执行过 _ ）然后安装webpack命令： npm install -g webpack

6.开始自动化构建vue项目，命令： vue init webpack projectName (自定义的项目名称）；

最后出现：

可以运行命令，浏览器访问

5、进入都到项目目录，执行命令安装element-ui： npm i element-ui -S

6、安装成功之后，进入项目src目录在main.js中添加（element官网有快速上手）：

7、在App.vue文件中添加element-ui组件：

8、在运行项目就可以正常显示了，按钮如图。

增删改查 是在请求时 *** 作的，跟用什么UI框架没关系啊。

例子：

this.$axios.post('/api/goods',{...})//增（添加一个商品）

this.$axios.delete('/api/goods',{params:{id:1}})//删（删除ID为1的商品）

this.$axios.put('/api/goods',{params:{id:1,title:'Helloworld'}})//改（ID为1的商品标题改为Helloworld）

this.$axios.get('/api/goods',{params:{id:1}})//查（查询ID为1的商品）

---