<script src="./vue.js"></script>
<style>
.par{
width: 100px;
height: 100px;
background: cornflowerblue;
margin-top: 20px;
}
</style>
<!---定义 qjname 的模板 -->
{{m}}
全局组件
全局组件的p
<script>
//全局组件 :1,注册 2,创建 3,使用
// 1,注册 Vue.component qjname
//必须在new 实例之前注册
Vue.component('qjname',{
// template:'<div><p>全局组件</p><div>123</div></div>'//2,创建了组件(其实就是给全局组件一个模板)
template:'#par',
data(){
return {
m:100
}
}
});
let vm= new Vue({
el:'#app',
data:{
n:200
}
});
new Vue({
el:'#app2'
})
</script>