1.组件化的基本使用
<body>
<div id="app">
<!-- 3.使用组件 -->
<my-cpn></my-cpn>
</div>
<script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script>
<script>
// 组件化开发分三步：
// 1.创建组件构造器对象
const cpnC = Vue.extend({
template: `<div>
<h2>我是标题</h2>
<p>我是内容 哈哈哈哈哈哈哈哈哈</p>
</div>`
});
// 2.注册组件
// Vue.component('组件的标签名','组件构造器名')
Vue.component('my-cpn', cpnC); // 这是一个全局组件 就是一个页面可以有多个挂载元素 实际开发中一般只有一个挂载元素
const app = new Vue({
el: '#app',
data: {
}
})
</script>
</body>
