Vue中使用Layer的简易方法

在Vue项目中，首先通过npm安装layui，并使用import导入手中的layer组件来创建弹出窗口的效果。

在电脑中访问目标文件夹，点击“Git”并复制粘贴`npm install -D @vue/layer@latest`，完成后将实现Vue Layer组件的安装。

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

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

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

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

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

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

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