vue import @含義

import Hello from '@/components/Hello'

vue模板的代碼，里面都有，這是webpack的路徑別名，相關定義在這里webpack模版配置 文件如下：

resolve: {
    // 自動補全的擴展名 extensions: ['.js', '.vue', '.json'], // 默認路徑代理 // 例如 import Vue from 'vue'，會自動到 'vue/dist/vue.common.js'中尋找 alias: { '@': resolve('src'), '@config': resolve('config'), 'vue$': 'vue/dist/vue.common.js' } }


@等價於 /src 這個目錄