vue component global registration

20180104

by Syuan Shih

HTML

<div id="app">
    <global-component></global-component>
</div>

JavaScript

Vue.component('global-component', {
    template: '<div><p>{{ message }}</p><button @click="notice">點我</button></div>',
    data: function() {
        return {
						message: '這是全域註冊的元件'
        }
    },
    methods: {
        notice: function() {
            alert('全域註冊的元件裡面也可以寫methods!');
        }
    }
})

var vm = new Vue ({
    el: '#app'
})