Day13-尚品汇-支付页面中使用ElementUI以及按需引入

提纲挈领：

1.安装Element-ui

 

2.如果你需要按需引入的话看官方文档的步骤来一步一步的做：

1>安装这个插件

 

 

 2>

 

3>  

 3.在main.js里面写入部分引入：

 4.此时我们在pay组件里面测试一下是否可以使用Element-ui的样式：

1>在pay组件里面：

2>的效果图：

 

5.当我们现在需要点击支付的时候有弹出‘遮罩层的效果’’ 

1>看看官方文档：

 

 我这里补充总结一下main.js引入的写法

一：全局引入的写法（两步）：【只有一种写法】

 二：按需引入【共有两种写法】

1>写法1：注册全局组件 Vue.component(......)

2>写法2：挂载在原型上  

 

 6.在Pay组件里面：

1>直接仿写官方文档

2>在pay组件里面编写代码：

 

2>-----的效果图：

 

3>修改弹出框的样式：

 3>---的效果图：