基于基于elementUI实现图片预览组件的示例代码实现图片预览组件的示例代码
这是一个简单的点击图片预览的组件
顺便记录一下写组件期间踩的vue中scope的坑~
从注册全局组件开始叭！
项目目录：
模仿elementUI目录结构，目录名是组件名，src中是组件源文件（或者js服务文件），文件目录下还有一个index.js用于同一管
理src中的所有文件，导出并注册，这个组件我们只有一个vue文件件
先看index.js文件里有什么：
//引入了src下的vue组件文件
import starPicList from './src/star-pic-list';
/* istanbul ignore next */
starPicList.install = function(Vue) {
//starPicList.name这就是后面可以使用的组件的名字(star-pic-list.vue文件里面定义的name)，install是默认的一个方法
Vue.component(starPicList.name, starPicList);
};
export default starPicList;
接下来介绍一下install方法：
Vue.use( plugin )：安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install
方法。install 方法将被作为 Vue 的参数调用。当 install 方法被同一个插件多次调用，插件将只会被安装一次。Vue.js 的插件
应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象：
导出starPicList组件后在管理组件js文件中引用，然后由这个统一管理js文件导出注册到全局即可：
资源评论
weixin_38637878
- 粉丝: 3
- 资源: 926
最新资源
- FOC PMSG wind energy MATLAB File
- 使用 ONNX 中的 YOLOv8 模型执行对象检测的 Python 脚本 .zip
- 使用 ONNX 中的 YOLOv8 模型执行实例分割的 Python 脚本 .zip
- 使用 ONNX 中的 YOLOv7 模型执行对象检测的 Python 脚本 .zip
- WPF翻书特效动画源码
- 403JSP停车场车位管理系统毕业课程源码设计
- 使用 NCNN 框架在 Android 上实现 YOLOv5 C++.zip
- 学习threejs，使用设置lightMap光照贴图创建阴影效果，贴图文件
- 使用 ncnn 和 webassembly 在 Web 浏览器中部署 YOLOv5.zip
- 客户要求安装系统补充事项
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
