接下來的篇幅會開始寫關於 ES6 的部分，首先先從變數的宣告下手，在以往我們都是使用 var 來宣告變數先來講 let 的部分，假設今天我們的程式碼如下: co...
在前面提到 v-if 都是搭配 v-for 來做使用，但 v-if 也可以單獨的做使用一樣先給 Vue 的架構和資料: <script> var a...
本文同步發表於Andy's Blog 前言 昨天認識了Component特性後，我們今天要來介紹Component之間如何傳遞資料 元件溝通方式 元件與元件...
Vue cli 3 UI安裝介面 Node 版本要求Vue CLI需要Node.js 8.9或更高版本(推薦8.11.0+)。 使用以下指令進行安裝 np...
晴
‧
2019-10-02
本文同步發表於Andy's Blog 前言 今天終於要進入Vue Component單元勒（撒花)，而在接下來幾天我們會來慢慢介紹元件的相關內容，那我們就開...
介紹 Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統 通過 @vue/cli 搭建交互式的項目腳手架。 通過 @vue/cli + @vu...
晴
‧
2019-10-01
本文同步發表於Andy's Blog 前言 這兩天，我們介紹了computed、watch、method()、filter屬性。並且對這些特性的使用方式做了...
在前面我們有稍微提到了 v-for，現在來複習一下，一樣先建構 Vue 的基本結構和資料: <script> var app = new Vue({...
本文同步發表於Andy's Blog 前言 昨天我們將computed、methods()、watch，三個屬性做了一個簡單比較。而今天我們將要介紹另外一個...
本文同步發表於Andy's Blog 前言 這兩天我們介紹完了Computed與watch特性與用法。那今天我們將來了解一下，這三者有什麼差異。 第一部分：...
本文同步發表於斜槓女紙部落格：Day25 萬丈高樓平地起(8)：Vue Router簡介，頁面跳轉不卡卡 今天要來和大家談談Vue Router的基本簡介...
本文同步發表於斜槓女紙部落格：Day24 萬丈高樓平地起(7)：Vue CLI專案檔案結構簡介 延續昨天的進度，安裝好Vue CLI-3專案以後，應該可以...
本文同步發表於斜槓女紙部落格：Day23 萬丈高樓平地起(6)：What is Vue CLI？ 嗨~又是我!挑戰到這兒也快到尾聲，不過到現在還沒作出個可...
本文同步發表於斜槓女紙部落格：Day22 閒不下來的史萊姆(三)：scroll down按鈕實作 平順滑動到指定的位置 相信大家應該有使用過HTML錨點(...
本文同步發表於斜槓女紙部落格：Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on) 實作到目前為止，大部分還在處理靜態...
本文同步發表於斜槓女紙部落格：Day20 寫於開始實作前(1)：不用抱大腿也能直接使用Vue製作過場效果及動畫 切版的孩子們一定多多少少都會需要用到網頁動...
本文同步發表於斜槓女紙部落格：Day19 閒不下來的史萊姆(二)：網站基本資料統整與footer元件實作 相信跟我一樣在切版的大家都有跟我同樣的經驗，總是...
本文同步發表於斜槓女紙部落格：Day18 閒不下來的史萊姆(一)：將房間列表改用x-template 建立元件 鐵人賽進展到今天，默默地也快突破20天。前...
先建置 Vue 資料的基本狀態: <script> var app = new Vue({ el: '#app', data: {...
本文同步發表於斜槓女紙部落格：Day17 萬丈高樓平地起(5)：元件間的溝通橋樑Props(2) 嗨！承接昨天的內容，今天要繼續和大家聊props的一些眉...
本文同步發表於Andy's Blog 前言 昨天介紹完Computed屬性後，我們今天要來介紹Watch。 Watch 用途：主要是用來監聽實體內特定的變數...
自定義指令 Custom Directive 除了核心功能默認內置的指令集(v-model、v-if)之外，Vue還允許您註冊自己的自定義指令。那就是使用 V...
晴
‧
2019-09-30
本文同步發表於Andy's Blog 前言 開始前，我們先幫大家複習一下，這幾天介紹的內容（如下圖），若對於指令語法仍有疑問。大家可以自行到官網參考指令介紹...
綜合了前面所講的，來稍微整理一下 Vue 的常用語法:首先我們一樣先寫好 Vue 的相關資料，如下: <script> var app = new...
mixin Mixins是為Vue組件分發可重用功能的靈活方法。mixin對象可以包含任何組件選項(生命週期、data、computed、 methods.....
晴
‧
2019-09-29
本文同步發表於斜槓女紙部落格：Day16 萬丈高樓平地起(4)：元件間的溝通橋樑Props(1) 昨天說到Vue的每個元件是獨立運作，但Vue設計元件的目...
本文同步發表於斜槓女紙部落格：Day15 萬丈高樓平地起(3)：元件 Components 簡介 嗨！今天持續跟大家聊聊Vue.js的基礎觀念。曾經有位大...
這篇要來介紹，基本常用的一些表單元素，與 Vue 的資料綁定時會如何做我們一樣先把 Vue 的架構寫出來，只是這次在 data 內新增多個變數來存放不同的表單元...
Vue.set Vue.js 在初始化實例時將屬性轉為 getter/setter，所以屬性必須在 data 對像上才能讓 Vue.js 轉換它，才能讓它是響...
晴
‧
2019-09-28
本文同步發表於斜槓女紙部落格：Day14 萬丈高樓平地起(2)：Vue 的生命週期中的同步非同步 今天用個實際範例來看看在Vue的生命週期中，before...
iThome鐵人賽
看影片追技術
看更多
Jerry Huang
chunwen
鍾小呆