原创 iView表單驗證
首先對我是用的環境進行一下說明： vue-cli + iview； 安裝好 iview 組件庫，然後引入，具體就不再贅述，可以看我的另一篇博客； Form表單的使用： 綁定數據 // 接受數據的對象 data(){ ret
2019-06-10 14:48:58
原创 Vue 有副作用的父子數據訪問
父組件和子組件之間的數據流通，應該是父組件的數據通過 prop 傳遞給子組件，然後子組件再通過 $emit 事件通知父組件更新數據； 這是正常的流程，也是沒有副作用的流程； 但時除了這種方法，也可以通過其他方法實現父子組件的數據
2019-06-10 14:48:58
原创 Vue 遞歸組件
通過一個樹狀組件，研究一下組件的遞歸； 遞歸組件注意： 1. 組件要加上 name 屬性； 2. 在循環中，調用自身； 3. 適當的時候結束遞歸； 4. 適當的數據（可以遞歸循環）； 好了，話不多說，開始製作樹狀組件； 1）看一下
2019-06-10 14:48:58
原创 登錄流程
首先說一下現在項目搭建的程度； vue-cli 創建的項目 引入了 iview 組件庫，安裝好了 less，安裝了 vue-router 路由； 配置好了跳轉到後臺和登錄頁面的路由； 使用 iview做好了登錄頁面和後臺頁面的框架
2019-06-10 14:48:58
原创 vue-router 路由
官網 https://router.vuejs.org/zh/ 千萬注意，項目名稱不能是 vue-router ，否則路由安裝是會報錯的； 報錯信息如下： npm ERR! code ENOSELF npm ERR! Refusi
2019-06-10 14:48:58
原创 nodejs&es6 模塊操作
nodejs 模塊 字符串 // 暴露 module.exports = '宮鑫' // 導入模塊（導入js，不用加後綴） const test = require('./test'); console.log(test)
2019-06-10 14:48:58
原创 Vue 插槽之 作用域插槽
現在我有如下需求，子組件 <user /> 中此時有一條用戶的信息（userInfo）；我要在父組件通過插槽展示這個用戶的姓名（userInfo.name）； 注意：這裏的父組件並沒有這個用戶的信息，子組件中有，如果直接在父組件{
2019-06-10 14:48:58
原创 Vue 子組件與父組件之間的 雙向數據綁定
方法一（常規） 父組件傳遞數據到子組件； 子組件將數據轉成本地數據 props: ['name'], data() { return { iName: this.name } }, 但是此時
2019-05-21 16:12:02
原创 Vue 組件/ Prop單向數據流 / $emit自定義方法
組件基礎 全局註冊組件 // 註冊組件 Vue.component('cpt-name', {}) // 使用 <cpt-name></cpt-name> 局部組件 // 註冊局部組件 const cpt = {}
2019-05-21 14:18:55
5
原创 Vue 單向數據流 之 對象
父組件將 數據(Object) 傳遞到子組件 子組件直接使用這個對象，並修改這個對象，會影響到父組件中的對象； 子組件通過data，將父組件傳遞過來的對象轉換成本地數據，修改對象依然會影響到父級數據，因爲對象是引用數據類型，如下
2019-05-21 14:18:55
原创 Vue中引入Bootstrap的樣式文件，Table沒有樣式+（表格循環的結構）
我在一個demo中，引入了Bootstrap.min.css 樣式文件， 在寫表格組件的時候，其他的都有效，唯獨table 無效； 解決辦法： 添加上<thead>和<tbody>標籤 表頭結構和數據結構如下： head: [
2019-05-21 14:18:55
原创 Vue過渡和動畫
過渡 前提： 需要過渡的元素要有 v-if 或者是 v-show 切換 將需要添加過渡效果的元素用 <transition></transition> 組件包裹起來； 需要過渡的元素有 v-if 或 v-show 切換；
2019-05-05 17:43:03
原创 js 數組方法整理
數組 數組對象可以存儲任何類型的數據，是一個有序的集合 屬性： arr.length // arr.length 數組中數據的個數，可讀可寫 // [1] 清空數組 arr.length = 0; // [2] 截取數組 arr.
2019-05-01 01:01:20
原创 02 vue 的計算屬性和偵聽器
1. 偵聽器 watch: { } 語法 / 簡介 new Vue({ el: "#app", data: { }, watch: { // 偵聽器 // 這個選項用來監控當前實例中的成員發生變化 // 監
2019-03-04 03:38:40
原创 03 數組方法 &Es6部分語法
1. 數組方法 arr.forEach arr.map arr.filter arr.find arr.findIndex 以上的數組方法都是接受一個回調函數作爲參數 回調函數都有三個參數，分別是： (value, index,
2019-03-04 03:38:40