Vue中使用Layer的简易方法

在Vue项目中引入layer组件，需先安装再通过import导入，接着在页面或组件中调用其方法实现弹窗功能。

1、 在电脑中打开目标文件夹，右键选择Git，输入命令npm i --save vue-layer并执行，即可完成vue-layer组件的安装。

2、 进入Vue项目，打开main.js文件，引入并使用vue-layer组件。

3、 在components目录中创建新的Vue组件，填写名称后确认新建。

4、 打开新建的Vue组件，使用Element进行页面布局，添加一个按钮用于触发打开操作。

5、 在methods中定义openWin方法，用于响应按钮点击并切换isShow的值。

6、 打开App.vue，引入Cmn组件并将其在页面中引用展示。

7、 保存代码后通过命令启动Vue项目，浏览器中打开链接查看页面效果。

8、 点击打开按钮后可查看layer层，其余区域无法操作。