Vue components选项
<body>
<div id="app">
<h1>{
{title}}</h1> <p>我是:{
{name}}</p> <p>我有:{
{a}}</p>
<c></c> /*继承components 首先需要在选择的块里加上key标签*/
</div>
</body>
<template id="dadd">
<div>
<h1>{
{name}}</h1>
<p>我有:{
{a}}</p>
</div>
</template>
//第二步:components选项中的key变量,声明时要再new Vue的上方
let temp4 = {
template:"#dadd",
data(){
return {
name:"爸爸",
a:"翡翠白菜"
}
}
}
//第一步
var vm = new Vue({
el:"#app",
data:{
title:"hello 你好",name:"爷爷",a:"江山"
},
//components,创建一个对象,key:c , val:temp4;
components:{
c:temp4
}
});
效果