8-VUE全局组件的注册
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./js/vue.min.js"></script>
</head>
<body>
<div id="app">
<!-- 3、使用组件 -->
<my-cpn></my-cpn>
</div>
<div id="app1">
<my-cpn></my-cpn><!--全局组件可以在任意VUE实例中调用-->
</div>
<script>
//1、创建组件构造器对象
const cpnC = Vue.extend({
template:'<div><h1>44as56d4sad5ad56</h1></div>'
})
//2、注册组件
Vue.component('my-cpn',cpnC)
/*全局组件,可以在多个VUE实例中使用*/
const app = new Vue({
el:'#app',
data(){
return{
message:'你好'
}
}
})
const app1 = new Vue({
el:'#app1',
data(){
return{
}
}
})
</script>
</body>
</html>