本文同步發表於斜槓女紙部落格：Day19 閒不下來的史萊姆(二)：網站基本資料統整與footer元件實作 相信跟我一樣在切版的大家都有跟我同樣的經驗，總是...
在 Vue 裡面，我們可以使用元件來動態掛載 HTML而元件到底是什麼? 如果以 HTML 來說的話，就會類似像是 Header Content 這樣一個區塊一...
本文同步發表於Andy's Blog 前言 昨天介紹了元件與元件之間的溝通方式：props in,emit out，而我們今天要針對Props操作上細部介紹...
接下來要來介紹 Vue 裡面的 computed(計算)& watch(監聽)computed 的運用上，是我們要返回某個值且顯示到頁面上，會用到的舉個...
本文同步發表於斜槓女紙部落格：Day18 閒不下來的史萊姆(一)：將房間列表改用x-template 建立元件 鐵人賽進展到今天，默默地也快突破20天。前...
本文同步發表於Andy's Blog 前言 昨天認識了Component特性後，我們今天要來介紹Component之間如何傳遞資料 元件溝通方式 元件與元件...
本文同步發表於斜槓女紙部落格：Day17 萬丈高樓平地起(5)：元件間的溝通橋樑Props(2) 嗨！承接昨天的內容，今天要繼續和大家聊props的一些眉...
在前面提到 v-if 都是搭配 v-for 來做使用，但 v-if 也可以單獨的做使用一樣先給 Vue 的架構和資料: <script> var a...
Vue cli 3 UI安裝介面 Node 版本要求Vue CLI需要Node.js 8.9或更高版本(推薦8.11.0+)。 使用以下指令進行安裝 np...
晴
‧
2019-10-02
本文同步發表於Andy's Blog 前言 今天終於要進入Vue Component單元勒（撒花)，而在接下來幾天我們會來慢慢介紹元件的相關內容，那我們就開...
本文同步發表於斜槓女紙部落格：Day16 萬丈高樓平地起(4)：元件間的溝通橋樑Props(1) 昨天說到Vue的每個元件是獨立運作，但Vue設計元件的目...
介紹 Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統 通過 @vue/cli 搭建交互式的項目腳手架。 通過 @vue/cli + @vu...
晴
‧
2019-10-01
本文同步發表於Andy's Blog 前言 這兩天，我們介紹了computed、watch、method()、filter屬性。並且對這些特性的使用方式做了...
自定義指令 Custom Directive 除了核心功能默認內置的指令集(v-model、v-if)之外，Vue還允許您註冊自己的自定義指令。那就是使用 V...
晴
‧
2019-09-30
本文同步發表於斜槓女紙部落格：Day15 萬丈高樓平地起(3)：元件 Components 簡介 嗨！今天持續跟大家聊聊Vue.js的基礎觀念。曾經有位大...
mixin Mixins是為Vue組件分發可重用功能的靈活方法。mixin對象可以包含任何組件選項(生命週期、data、computed、 methods.....
晴
‧
2019-09-29
本文同步發表於Andy's Blog 前言 昨天我們將computed、methods()、watch，三個屬性做了一個簡單比較。而今天我們將要介紹另外一個...
本文同步發表於斜槓女紙部落格：Day14 萬丈高樓平地起(2)：Vue 的生命週期中的同步非同步 今天用個實際範例來看看在Vue的生命週期中，before...
在前面我們有稍微提到了 v-for，現在來複習一下，一樣先建構 Vue 的基本結構和資料: <script> var app = new Vue({...
本文同步發表於斜槓女紙部落格：Day13 萬丈高樓平地起(1)：Vue 的生命週期 生活的道路一旦選定了，就要勇敢的走下去。是的，一旦報名鐵人賽，就要認...
本文同步發表於Andy's Blog 前言 這兩天我們介紹完了Computed與watch特性與用法。那今天我們將來了解一下，這三者有什麼差異。 第一部分：...
Vue.set Vue.js 在初始化實例時將屬性轉為 getter/setter，所以屬性必須在 data 對像上才能讓 Vue.js 轉換它，才能讓它是響...
晴
‧
2019-09-28
本文同步發表於Andy's Blog 前言 昨天介紹完Computed屬性後，我們今天要來介紹Watch。 Watch 用途：主要是用來監聽實體內特定的變數...
先建置 Vue 資料的基本狀態: <script> var app = new Vue({ el: '#app', data: {...
本文同步發表於斜槓女紙部落格：Day 12 喘口氣，打好基礎再繼續攻城掠地 依照先前進度，原本該繼續切版的行程。將房間列表中的房間設施藉由主辦方提供的第二組...
filters在兩個地方可用：{{ }}和v-bind表達式（2.1.0+支持後者）。filters應附加在JavaScript表達式的末尾，並以 | 符號...
晴
‧
2019-09-27
本文同步發表於Andy's Blog 前言 開始前，我們先幫大家複習一下，這幾天介紹的內容（如下圖），若對於指令語法仍有疑問。大家可以自行到官網參考指令介紹...
本文同步發表於斜槓女紙部落格：一轉任務(二)：將房間資料show到網頁畫面上(2) 昨天終於順利通過v-for和API串接這兩個小壞壞的考驗，接下來就是將...
綜合了前面所講的，來稍微整理一下 Vue 的常用語法:首先我們一樣先寫好 Vue 的相關資料，如下: <script> var app = new...
Vue.extend 是一個構造器,也就是預設了部分選項的Vue實例構造器。經常服務於Vue.component用來生成組件，可以簡單理解為當在模板中遇到該組...
晴
‧
2019-09-26
鍾小呆
Jerry Huang
chunwen
iThome鐵人賽
看影片追技術