import Vue from 'vue'
import App from './App.vue'   //主元件
import HelloWorld from './components/HelloWorld.vue'  //Helloworld元件
import Home from './components/Home.vue'  //Home元件


// 註冊一個全域性自定義指令 `v-focus 要定義在主JS建立Vue物件之前`
Vue.directive('focus', {
    // 當被繫結的元素插入到 DOM 中時……
    inserted: function (el) {
        // 聚焦元素
        el.focus()
    }
})

/* 主JS建立Vue物件 */
new Vue({
    el: '#app',
    components: { App },
    template: '<App/>'
});