vue install 注册组件
2024-08-27 00:13:14
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>
说明:以上两个文件位于同一目录
组件注册完成,输出:
最新文章
- websphere性能调优之dump命令
- DataGridView单元格美化
- Tomcat的目录结构及用途
- hdu 1548 (dijkstra解法)(一次AC就是爽)
- ORACLE 重置SEQQUENCE
- IOS设备启动图像命名规范
- [PR &; ML 5] [Introduction] Decision Theory
- ArcGIS 网络分析[8.2] 资料2 使用IDatasetContainer2接口的CreateDataset方法创建网络数据集
- Flex下拉框
- Django里URL配置中name参数的作用
- MYSQL中文乱码以及character_set_database属性修改
- android studio application应用打包jar
- FlexRay通信机制
- Jmeter创建一个web测试计划
- Java安全通信:HTTPS与SSL
- shell tr命令
- 解决nginx访问问题connect() to 127.0.0.1:8080 failed (13: Permission denied) while connecting to upstream,
- Kotlin Eclipse 环境搭建
- Maven项目管理:SpringMVC+Mybatis+Velocity整合笔记
- python 监控redis的进程与端口