vue.js是否可以使用自定义指令插入子元素或子组件

o7jaxewo  于 2021-09-23  发布在  Java
关注(0)|答案(0)|浏览(157)

对我来说,我想 Package 一个组件,我的合作伙伴需要我的组件在他们的页面上,只需使用一个自定义指令,有没有办法做到这一点?
因为我只是一个 Package 器组件提供商,我不知道谁会使用这个组件,我想让这个组件易于使用,我可以用vue.js自定义指令来实现吗?
因为文档中说可以在 Vue.directive 钩子函数,包括 el , binding , vnodeoldnode
如果不幸没有,还有其他简单的解决方案吗?
真让人困惑。
我只是希望我的组件使用起来更简单。没有人需要太多麻烦。
下面是一个简单的例子:

<template>
  <div>this is a sub component</div>
</template>

<script>
export default {
  data() {
    return {}
  }
};
</script>

<style>
</style>

如果有人需要使用它

<template>
    <!-- use this custom directive to insert a subComponent  -->
    <div v-subComponent></div>
</template>

<script>
</script>
<style lang="scss" scoped>
</style>

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题