Vue组件

简介

组件（Component）是 Vue.js 最强大的功能之一。

组件可以扩展 HTML 元素，封装可重用的代码,提高代码的复用性。

组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树

示例

<div id="app">
    <student></student>
</div>
<script>
    const student = Vue.extend({
        template: `<h1>你好 {{ msg }}</h1>`,
        data() {
            return {
                msg: 'XSS'
            }
        }
    })

    let vm = new Vue({
        el: '#app',
        components: {
            student: student
        }
    })
</script>

此时，组件的注册是局部注册，只可以在当前的Vue实例中进行使用，如果想要在其他地方使用，建议使用全局注册