提纲挈领:
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>---的效果图: