原创 8.1.2 插槽slot的具名使用——第8章 Vue組件進階
8.1.2 插槽slot的具名使用 8.1.1節講的插槽是沒有命名，叫匿名插槽。如果給插槽起個名字，就叫具名插槽。具名插槽比較實用，就像賓館的房間號，沒有房間號的賓館，大家只能滾大鋪了：），看一下用法： <body> <!--
2020-06-10 13:03:09
原创 1.4 計算屬性——第1章 Vue起步知識
Vue的HTML模板裏，可以用一些簡單的運算表達式，放在{{}}裏面，但在模板中放入太多的邏輯會讓模板過重且難以維護，所以，對於任何複雜邏輯，都應當使用計算屬性。注意：computed中的屬性不能與data中的屬性同名，否則會報錯。
2020-06-10 13:03:09
原创 1.2 Vue的核心概念MVVM——第1章 Vue起步知識
Vue的核心概念是MVVM，即View、Model和ViewModel，ViewModel是View和Model的橋樑。 視圖：View 模型：Model 視圖模型：ViewModel 上面的helloworld.html代碼，體現的就是
2020-06-10 13:03:09
原创 18.1.1 登錄界面設計——第18章 PC端項目功能開發
18.1.1 登錄界面設計 登錄界面效果圖如下圖18.1-1： 圖18.1-1 界面設計主要是2個輸入框，2個按鈕， script腳本內容暫時不去管，主要看模板文件和樣式。 在views目錄下創建Login.vue文件，代碼如下： <t
2020-06-10 13:02:59
原创 16.1 開發底部導航和頂部導航——移動端項目功能開發
16.1.1 底部導航 底部導航用的文件是components/content/BottomTabBar.vue，這個組件分別引用了components/common下的TabBar.vue和TabBarItem.vue。如下圖1
2020-06-10 13:02:59
原创 12.3 vue-router的應用示例——第12章 Vue-Router
12.3 vue-router的應用示例 如果用Vue Cli腳手架創建項目，就不需要下載vue-router，否則需要執行：npm install vue-router --save 來安裝。 下面我們用回溯的方式來展現vue-
2020-06-10 13:02:59
原创 8.4 Vue組件常用的7種通信方式——第8章 Vue組件進階
8.4 Vue組件常用的7種通信方式 Vue組件間通信方式有以下7種，已經學習過的不在此講解了： 1、父子props和$emit通信：父向子通過props傳值；子向父通過events ($emit)事件傳值，代碼示例中多次用到，不再講解。
2020-06-10 13:02:59
原创 2.2 綁定Style樣式——第2章 Class 與 Style 綁定
2.2 綁定Style樣式 1、Style綁定對象 通過v-bind:style可以直接讓Style綁定對象，例如： <div v-bind:style="{color: activeColor, fontSize: fontSize +
2020-06-10 13:02:59
原创 1.1 從Hello World開始—— 第1章 Vue起步知識
第1章 Vue起步知識 兒童相見不相識，笑問客從何處來？這是怎樣的一種尷尬啊！如果學習了本章，對Vue會有個感性認識，避免對大名鼎鼎的Vue產生不相識的尷尬。 1.1 從Hello World開始 千里之行，始於第一行。先不介紹V
2020-06-10 13:02:59
原创 6.14 ES6的Promise 異步編程的方式——第6章 ES6基礎學習
6.14 ES6的Promise 對象——異步編程的方式 1、Promise 狀態 Promise 異步操作有三種狀態：pending（進行中）、fulfilled（已成功）和 rejected（已失敗）。Promise對象的參數是一個回
2020-06-10 13:02:59
原创 抹平Vue學習曲線 書籍目錄
Vue作爲最流行的前端框架，是80%企業前端招聘的首選。但在學習Vue時，面臨的學習曲線的是陡峭的，時不時會遇到一座山峯或一個深坑，結果很長時間也無法逾越，導致逐步喪失了學習的信心。本書的宗旨就是在攀登Vue這座高峯時，提
2020-06-10 13:02:59
原创 ES6入門教程——5、ES6 Symbol
一、ES6增加Symbol這個原始數據的理由 Symbol不是對象類型，而是原始數據，增加這個原始數據類型的理由就是：每次調用，希望產生不同的值。應用場景是Map的key值，每次都希望key不相同。 let sy = Symbol("a
2020-05-11 15:30:25
原创 ES6入門教程——3、塊級作用域和let，const，var區別
一、沒有塊作用域的ES5 var 對於ES5的var，咱們經常用到，不知道大家注意到沒有，var 變量聲明，沒有塊作用域。例1： for(var i=0;i<=5;i++){ console.log("hello"); }
2020-05-11 15:30:25
原创 ES6入門教程——14、ES6的模塊
一、ES6的模塊的基本概念 1、在 ES6 前， 實現模塊化使用的是 RequireJS。 2、ES6 的模塊化分爲導出（export） @與導入（import）兩個模塊。模塊中可以導入和導出各種類型的變量，如函數，對象，字符串，數字，布
2020-05-11 15:30:25
原创 ES6入門教程——16、ES6 async 函數
async 是 ES7 纔有的與異步操作有關的關鍵字。 例子： async function helloAsync(){ return "helloAsync"; } console.log(helloAsync())
2020-05-11 15:30:25