})
当然我们很多场景是在组件内部调用,为了方便在组件内使用,不需要每次都import,我们可以把这个方法包装成一个Vue的插件。我们创建一个index.js,内容如下:
import Notification from './notification.vue'
import notify from './function'export default (Vue) => {
Vue.component(Notification.name, Notification)
Vue.prototype.$notify = notify
Vue.notify = notify
}
然后在项目内,我们可以通过:
import notify from '/path/to/notification/module'Vue.use(notify)
这样之后,在组件内就可以直接通过this.$notify({…options})来调用通知了,同时还可以通过Vue.notify({…options})在其他环境下调用,大家可以在自己的项目中尝试一下。
总结
到这里,关于如何实现通过方法调用一个Vue组件内容就差不多了。在这里我们涉及到的Vue技术点有如下几点:
通过extend配置进行组件的扩展
通过Vue.extend创建一个Vue的子类,用来动态创建Vue实例
通过Vue实例主动将组件内容挂载到DOM
Vue拥有非常多的API,如果在使用Vue之前没有系统的学习过Vue的核心知识和API,你可能压根就不知道有这样的实现方式,所以想要学好Vue,系统得对Vue的核心进行学习是非常重要的一个环节。
以上所述是小编给大家介绍的你不知道的Vue技巧之–开发一个可以通过方法调用的组件详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!










