省去了创建组件的过程
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="app">
<my-cmp></my-cmp>
<my-cmp></my-cmp>
</div>
</body>
<script type="application/javascript" src="js/vue.js"></script>
<script>
/* 语法糖:省去了创建组件的过程 */
Vue.component("my-cmp", {
template:
`<div>
<h2>我是标题</h2>
<p>我是内容啊啊啊啊</p>
<p>我是内容不不不</p>
<div>`
});
const app = new Vue({
el: "#app",
components: {
"my-cmp": {
template:
`<div>
<h2>我是标题</h2>
<p>我是内容啊啊啊啊</p>
<p>我是内容不不不</p>
<div>`
}
}
})
</script>
</html>