学习笔记(16):Vue2.x从入门到实战-Component 初识组件

立即学习:https://edu.csdn.net/course/play/6823/135326?utm_source=blogtoedu

Component组件注册标签（全局/局部）

1、全局化注册标签

<div id="app">
    <fad :style="{color:num}"></fad>
</div>

    var fadComponent=Vue.component('fad',{
        template:`<h2>全局化注册标签</h2>`
    })
    var app=new Vue({
        el:'#app',
        data:{
            num:'red'
        }
    })

<fad></fad>是自定义的一个标签，在JavaScript中用Vue.Component全局注册，在HTML中调用。全局化注册组件可以用到多个构造器中。

2、局部化注册组件

<div id="app">
    <pop></pop>
</div>

var app=new Vue({
        el:'#app',
        data:{
            num:'red'
        },
        components:{
            "pop":{
                template:`<h2 style="color:green;">局部化注册标签</h2>`
            }
        }
    })

局部注册的组件只能在组件注册的作用域里进行使用，其他作用域使用无效。

新手一枚，若有不足，请指教！