1、myPlugin.js文件

let MyPlugin = {};
MyPlugin.install = function (Vue, options) {
// 1. 添加全局方法或属性
Vue.myGlobalMethod = function () {
// 逻辑...
console.log('myGlobalMethod')
} // 2. 添加全局资源
Vue.directive('my-directive', {
bind (el, binding, vnode, oldVnode) {
// 逻辑...
}
}) // 3. 注入组件
Vue.mixin({
created: function () {
// 逻辑...
}
}) // 4. 添加实例方法
Vue.prototype.$myMethod = function (methodOptions) {
// 逻辑...
console.log('myMethod')
}
}
export default MyPlugin

2、APP.vue文件

<template>

</template>
<script>
import Vue from 'vue'
import MyPlugin from './myPlugin'
Vue.use(MyPlugin) export default {
data() {
return {
}
},
methods: {
},
mounted: function(){
this.$myMethod();
Vue.myGlobalMethod();
}
}
</script>

说明:以上两个文件位于同一目录

组件注册完成,输出:

最新文章

  1. websphere性能调优之dump命令
  2. DataGridView单元格美化
  3. Tomcat的目录结构及用途
  4. hdu 1548 (dijkstra解法)(一次AC就是爽)
  5. ORACLE 重置SEQQUENCE
  6. IOS设备启动图像命名规范
  7. [PR &amp; ML 5] [Introduction] Decision Theory
  8. ArcGIS 网络分析[8.2] 资料2 使用IDatasetContainer2接口的CreateDataset方法创建网络数据集
  9. Flex下拉框
  10. Django里URL配置中name参数的作用
  11. MYSQL中文乱码以及character_set_database属性修改
  12. android studio application应用打包jar
  13. FlexRay通信机制
  14. Jmeter创建一个web测试计划
  15. Java安全通信:HTTPS与SSL
  16. shell tr命令
  17. 解决nginx访问问题connect() to 127.0.0.1:8080 failed (13: Permission denied) while connecting to upstream,
  18. Kotlin Eclipse 环境搭建
  19. Maven项目管理:SpringMVC+Mybatis+Velocity整合笔记
  20. python 监控redis的进程与端口

热门文章

  1. Mysql,phpmyadmin密码忘了怎么办
  2. Linux中Source的用法
  3. Puppet单机实战之Nginx代理Tomcat
  4. POJ 3104:Drying(二分)
  5. ZigBee学习三 UART通信
  6. react 基础语法复习1- 搭建开发环境
  7. bzoj 2741 [FOTILE模拟赛] L
  8. pat 团体天梯赛 L2-004. 这是二叉搜索树吗?
  9. Using adb over wifi
  10. Android自定义Dialog多选对话框(Dialog+Listview+CheckBox)