注册组件的步骤:
1.创建组件构造器
2.注册组件
3.使用组件
<body>
<!-- <cpn>
<h2>我是标题</h2>
<p>我是内容,哈哈哈哈哈</p>
<p>我是内容,呵呵呵呵呵</p>
</cpn> -->
<div id="app">
<!-- // 3.使用组件 -->
<my-cpn></my-cpn>
<my-cpn></my-cpn>
<my-cpn></my-cpn>
</div>
<script src="../vue.js"></script>
<script>
// 1.创建组件构造器
const cpnC = Vue.extend({
// template表示一个模板,该模板就是使用到组件的地方,要显示的HTML的代码
template: `
<div>
<h2>我是标题</h2>
<p>我是内容,哈哈哈</p>
<p>我是内容,呵呵呵</p>
</div>`
})
// 2.注册组件
Vue.component('my-cpn', cpnC)
const app = new Vue({
el: "#app",
data: {
message: "你好啊"
}
})
</script>
</body>