原创 Vue源碼之目錄結構
Vue版本：2.6.9 源碼結構圖 ├─ .circleci // 包含CircleCI持續集成/持續部署工具的配置文件 ├─ .github // 項目相關的說明文檔
2019-03-25 16:45:09
原创 Vue基礎之計算屬性
適用場景 設想一個場景，你需要得到一個複雜運算/邏輯的返回值，利用模板內的表達又過長且難以閱讀和維護，這時計算屬性就可以很好的解決你的問題。看下面的例子： <!DOCTYPE html> <html lang="en"> <head>
2019-03-15 16:05:08
原创 Vue基礎之內部指令（下）
v-on綁定事件監聽器 直接擼代碼： <div id="app"> <h2>計數器</h2> number：{{number}} <button v-on:click="add">+</button> <button @cl
2019-01-29 20:34:38
原创 Vue基礎之內部指令（上）
v-if、v-else-if、v-else以及v-show 條件指令v-if、v-else-if、v-else 類似於JavaScript裏的if、else-if、else，這三個指令根據表達式的值對DOM/組件進行渲染/銷燬。 值得注意的
2019-01-29 20:34:38
原创 Vue基礎之數據綁定
我們學習一門新語言或者框架時，第一件事是什麼呢，那必然是向世界say Hello。 創建一個Vue應用 話不多說，先上代碼，讓我們感受一下Vue的核心功能 <!DOCTYPE html> <html lang="en"> <head>
2019-01-20 23:04:36
原创 Vue基礎之初識Vue
Vue特點及優點 小巧，壓縮後體積17KB； 漸進式，不需要一口吃成大胖子，一上來就用所有的東西，可以一步一步、有階段的先吃成小胖子； 數據驅動，雙向數據綁定，MVVM模式，詳見下一段 指令，例如v-if/v-show等 插件，如果你聽過
2019-01-11 15:22:40
原创 簡易實踐的vue自定義tab入門
本文基於vue官方文檔，分別爲：動態組件 & 異步組件、插槽、進入/離開 & 列表過渡 章節鏈接描述 要想實現tab動畫，首先要了解vue中哪些元素/那些組件適合在那些條件下實現動畫效果 條件渲染 (使用 v-if) 條件展示 (使用 v
2018-12-07 10:15:04
1