Vue全局组件

<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>