添加组件的三种方式:直接在 Vue函数的components属性中写:在components属性中注册主键的方式;导入js文件的方式
<body>
<div id='app'>
<div1></div1>
<my-div></my-div>
<box1></box1>
<box2></box2>
<div2></div2>
</div>
<!--
注意点:
1.不能用官方已有的组件名称
2.不区分大小写
3.template模板中只能有一个根元素
4.注册时使用驼峰命名法 使用时可以用连字符
-->
<script>
let a1={
template:`
<input type="text">
`
}
let a2={
template:`
<button>点击</button>
`
}
</script>
<script type="module">
// 导入文件形式
import div2 from "./div2.js"
new Vue({
el: '#app',
data: {},
methods: {},
computed: {},
components: {
div1: {
template: `
<div>
<p>hello</p>
<p>hello</p>
<p>hello</p>
</div>
`
},
MyDiv:{
template:`
<div>
<p>6666</p>
<p>6666</p>
<p>6666</p>
</div>
`
},
// 注册主键
box1:a1,
box2:a2,
div2,
}
})
</script>