搭建 VUE + NODE.JS + ElementUI 學習過程中問題總結

標籤：pac   dir   name   ica   html   family   node.js   sans   lin   

1、exports 和 module.exports 

require 用來載入代碼，而 exports 和 module.exports 則用來匯出代碼。

1. module.exports 初始值為一個Null 物件 {}
2. exports 是指向的 module.exports 的引用
3. require() 返回的是 module.exports 而不是 exports

2、vue-cli / vue-router / vue-loadervue-cli相當於腳手架 給你自動產生模板工程
vue-router是 vue路由外掛程式 支援你單頁應用的
vue-loader是webpack下loader外掛程式 可以把.vue檔案 輸出成組件
use vue-cli create a vue project　　1/npm install -g vue-cli　　2/vue init webpack xxxx　　3/cd xxx　　4/npm install　　5/npm run dev3、node 設定頁面語言.htmlapp.set(‘views‘, path.join(__dirname, ‘views‘));app.engine(‘html‘, require(‘ejs‘).renderFile);    // 這句就是使用ejs模板渲染html頁面app.set(‘view engine‘, ‘html‘);    最初建立的node 是通過app --router --res.render 渲染整個html檔案。
    接下來實現 抽離公用部分 實現內容部分拼接（router裡的res.render擷取到具體內容部分，然後拼接成一整個html檔案 渲染）

搭建 VUE + NODE.JS + ElementUI 學習過程中問題總結