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

Question

对我来说，我想包装一个组件，而我的合作伙伴在他们的页面上需要我的组件，只需使用自定义指令，有没有办法做到这一点？

因为我只是一个封装组件提供者，不知道谁会使用这个组件，又想让这个组件好用，可以用 vue.js 自定义指令吗？

因为文档说可以在Vue.directive钩子函数中取4个参数，包括el, binding,vnode和oldnode。</p>

如果不幸没有，还有其他简单的解决方案吗？

这真的很混乱。

我只是希望我的组件更易于使用。没有人需要过多打扰。

这是一个简单的例子：

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

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

<style>
</style>

如果有人需要使用它。</p>

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

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

标签： javascriptvue.js