本文介绍了如何在不使用vue-cli的情况下创建Vue组件，包括局部组件、全局组件、动态组件的extend用法、extend传参、extend与component的配合以及组件函数调用等步骤。
不使用vue-cli 创建组件
1.局部组件
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<custom-part1></custom-part1>
</div>
<template id="Local1">
<div>局部组件</div>
</template>
</body>
<script type="text/javascript">
// 局部组件
const part1 = {
template: '#Local1',
data() {
return {
}
}
}
new Vue({
el: '#app',
components: {
'custom-part1': part1,
}
})
</script>
</html>
2.全局组件
<html lang="en">
<head>
<meta charset="UTF-8">
<
最低0.47元/天 解锁文章
1946
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
