vue3.0js局部组件注册案例
Posted tea_year
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue3.0js局部组件注册案例相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>局部组件注册</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="app">
库存还剩:<button-counter></button-counter>台
</div>
<script>
const MyComp =
data()
return num: 1000
,
template: `<button @click="num--">num</button>`
//创建应用程序案例实例
const vm = Vue.createApp(
components: ButtonCounter: MyComp
).mount('#app');
</script>
</body>
</html>
局部注册
全局注册往往是不够理想的。比如，如果你是用一个像webpack这样的构建系统，全局注册所有的组件意味着即便你已经不再使用一个组件了，它仍然会被包含在你最终的构建结果中。这造成了用户下载的javascript的无谓的增加。
在这些情况下，你可以通过一个普通的JavaScript对象来定义组件：
以上是关于vue3.0js局部组件注册案例的主要内容，如果未能解决你的问题，请参考以下文章