vue组件分为两类:全局组件和局部组件
1.全局组件时通过vue.component进行注册
2.局部组件时在vue实例中注册:在components选项中定义自己得组件,对于comconents中得属性来说,其属性名就是自定义元素的名字,其属性值就是这个组件的选项对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>组件分分类</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="test01">
<my-vuecom></my-vuecom>
<my-partvue></my-partvue>
</div>
<script>
//全局组件
Vue.component('my-vuecom',{
template:'<p>这是全局组件</p>'
})
new Vue({
el:"#test01",
components:{ //局部组件
'my-partvue':{
template:'<p>这是局部组件</p>'
}
}
})
</script>
</body>
</html>