一、介紹

　　vue的runtime-only版本和runtime-compiler版本：

　　　　runtime-only版本：程式碼中不可以有任何的template

　　　　runtime-compiler版本：程式碼中可以有template，此版本有編譯template的程式碼

二、vue安裝

　　1. 安裝方式：

　　　　下載js檔案安裝；CDN安裝；npm安裝

　　2. npm安裝：

　　　　環境：node環境

　　　　npm install vue --save：vue在執行時也需要，所以不要加-dev

三、vue的使用配置

　　1. 匯入vue：

　　　　import Vue from 'vue'

　　　　說明：在沒有建立匯入的對應目錄時，webpack會從mode_modules中找

　　2. 使用vue

　　　　new Vue

　　　　說明：在使用vue時，預設使用runtime-only版本，所以可能會導致沒有效果；解決方法一：在webpack.config.js檔案中新增配置

module.exports = {
    resolve: {
        // 配置別名
        alias: {
            // 使用vue時，從指定別名的檔案匯入
            'vue$': 'vue/dist/vue.esm.js'
        }　
    }
}
 

日期：2021-10-20