v-開頭的指令是Vue的指令，指定了該標簽在Vue中扮演的角色。 @是 Vue 的事件監(jiān)聽器，可以監(jiān)聽標簽上的事件，如click、mouseover等。但是使用@時，需要先引入Vue才能使用。module.exports、import、export等都是ES6的新語法，用于模塊化開發(fā)。在webpack中，我們可以使用import來引入Vue。在項目中，我們一般會在入口文件中引入Vue，并將Vue實例化后掛載到DOM元素上，從而將該Vue實例渲染到頁面上。

import Vue from 'vue'
import App from './App.vue'
new Vue({
el: '#app',
render: h =>h(App)
})

ES6中的import語法，通過從node_modules中打包選中的依賴庫，實現(xiàn)了依賴的自動管理，避免了全局變量、命名沖突等問題。我們可以使用Vue文件，將JS、CSS、HTML三者結(jié)合到一起，這樣可以讓我們更方便的管理代碼，并實現(xiàn)了組件復用。我們可以在一個Vue實例（組件）中使用多個Vue組件，從而實現(xiàn)功能的拆分和復用。

在Vue中，import @符號表示的是src目錄，即項目的源代碼所在目錄，是業(yè)務邏輯代碼所在的地方。在webpack中配置了路徑別名后，我們可以通過@引入對應的文件或模塊。@/表示的路徑就是src目錄。使用@引入文件可以避免路徑混亂和過長的問題。例如，以下代碼就可以引入src下的router文件夾和utils文件夾。

import router from '@/router'
import utils from '@/utils'