javascript - 为 npm 打包智能 Vue 组件
问题描述
是否可以为智能组件创建一个 Vue 插件而不是一个愚蠢的组件并将其打包为 npm?
这是一个智能组件的示例,它使用了一个哑组件 BaseButton。
<template>
<div class="increment-button" v-on:click="increment">
<base-button>{{ number }} Increment</base-button>
</div>
</template>
<script>
// Base Button is dumb
const BaseButton = {
template: `<button><slot></slot></button>`
}
// Increment Button is smart
export default {
name: 'IncrementButton',
components: { BaseButton },
data () {
return {
number: 0
}
},
methods: {
increment () {
this.number++
}
}
}
</script>
当我安装我的 Vue 插件并实例化我的智能组件时,Vue 不会识别<base-button>
为 Vue 组件并呈现它,即使我在 install 方法中全局注册它。
有人可以指导我正确的方向吗?
最好的,比拉尔
解决方案
推荐阅读
- python - 尝试将稀疏df保存到hdf5时,获取'SparseDtype'对象没有属性'itemsize'?
- python - 如何加快python中非线性优化的多次迭代?
- python - TypeError: print() 接受 0 个位置参数,但给出了 1 个(高中版)
- jquery - 远程 link_to 请求的是 html 而不是 js
- c++ - 为什么 printf 输出浮点 1.45 有一位小数,而 1.445 有两位小数在不同的行为中?
- python - 如何将python中的对象与整数进行比较
- java - RecyclerView 中不显示数据
- java - 两个 javafx Integer Spinner 双向绑定:为什么绑定不可靠?
- python-3.x - 使用 AsyncSSH 从多台计算机收集文件
- python - 使用 Django ReST api 将 100+GB 的数据从数据库表传输到 UI