Vue安裝 https://www.cnblogs.com/javalinux/p/14691241.html 1. 下載：https://nodejs.org/en/ 2. 安裝檔案： 檢測是否成功？ node -v 3. 使用taobao映象 npm install -g cnpm –registry=https://registry.npm.taobao.org 檢測是否成功？ cnpm -v   4. 安裝全域性vue-cli npm install --global vue-cli   5. “:” 是指令 “v-bind”的縮寫，“@”是指令“v-on”的縮寫   6. 引用一個vue檔案： a. import EditDataSet from "@/views/report/resultset/components/EditDataSet" b. components: {DesignDataSet: DesignDataSet} c. 在插槽中使用，替換anji-crud.vue檔案中的   ... ref="DesignDataSet" :dataSet="dataSet" :visib="dialogVisibleSetDataSet2" @handleClose="dialogVisibleSetDataSet2 = false" @refreshList="refreshList" /> ....   ...   d. 使用該引用：this.$refs.DesignDataSet.addDataSet(this.dataSet, type);   7. 列印日誌： console.log('hello parent: ' + this.dialogVisibleSetDataSet); 開啟firefox，點選F12，檢視控制檯資訊 console.log(dataSet); 也可以列印物件，這樣可以看物件中的屬性內容。   8. 巢狀el-dialog被遮罩層擋住 https://blog.csdn.net/weixin_43823766/article/details/94027841 modal-append-to-body='false' append-to-body> append-to-body>       9. 陣列常用方法：

https://www.cnblogs.com/ifieer/p/9926533.html 刪除一條記錄：splice(index,length)   10. 呼叫後臺，提交資料： return request({ url: 'dataSet/custDataSet', method: 'post', params: '', data, headers:{ 'Content-Type': 'application/json;charset=UTF-8' } })   11. $emit：觸發當前例項上的事件 https://www.cnblogs.com/ctztake/p/9204365.html   12. 等待非同步方法返回： async loadDataSet() { ... return data; }, queryAllDataSet() { this.loadDataSet().then(data => { ... }); }   13. el-table預設選中行： :data="dataColumnsData" > ... this.$nextTick(() => { this.dataColumnsData.forEach(dataCol => {   if(...) { this.$refs.dataColumnTable.toggleRowSelection(dataCol, true); }   }); $nextTick 是在下次 DOM 更新迴圈結束之後執行延遲迴調，在修改資料之後使用 $nextTick，則可以在回撥中獲取更新後的 DOM   14. let和const let：類似var，但是隻在命令所在的程式碼塊有效。可在for迴圈中使用 const：定義只讀變數   15. await同步，await 關鍵字只能放到async 函式裡面 async submit(formName) { const { code } = await editDataSet(this.formData); }