在 vue router 文件中有提到一些方法，可以讓我們使用參考資訊 我們先在 menu.vue 內新增兩個 <a> 連結，一個是切換到指定頁面，...
如果我們想要在 App.vue 執行兩個 <router-view> 是否可行 ?答案是可以的 我們先到 App.vue 在原先的 <rout...
前面我們製作了 localhost:8080/#/page 的頁面現在我們要製作 localhost:8080/#/page/child1localhost:8...
按照鐵人賽的規則，只要發文30篇即可，但是我不小心把 Day5 給刪了，所以才會有 Day31 的出現 雖然我中間因為忘記發文早已失去資格了 但是這裡我還是會繼...
首先我們要先安裝 Vue RouterVue Router 安裝參考資訊先在終端機輸入 $npm install vue-router --save接著我們就要...
Vue Cli是什麼? 基於 webpack 所建置的開發工具 便於使用第三方套件 (Bootstrap,axios,Vue Router...) 可運行...
這篇是透過網路教學資源自我學習，並將學到的東西做個紀錄主要是在說明各個component中(XXX.vue 獨立分割的component)如何透過Vuex來存...
前言 今天要介紹的Getter，我們其實可以把它想像成Vue中的computed屬性。OK，那我們就開始吧！ Vuex Getter 介紹 使用時機：昨天我們介...
前言 昨天我們簡單介紹了何謂 Vuex、 Vuex 運作流程以及 Vuex 可以幫我們解決什麼問題。那我們今天就來了解一下Vuex 核心概念該如何使用吧！ 開始...
本文同步發表於斜槓女紙部落格：Day29 Vue CLI專案實作(三)：VueScrollTo套件應用 嗨~今天要來說說實作vue-scrollto 的過...
本文同步發表於斜槓女紙部落格：Day28 Vue CLI專案實作(二)：Axios串接API及房間列表畫面 嗨！延續昨天的進度，今天要來實作首頁的房間列表...
本文同步發表於Andy's Blog 前言 先前我們介紹到元件與元件之間的溝通方式之ㄧ：event bus，可以透過向bus發送事件與訂閱事件來將元件從原本...
本文同步發表於斜槓女紙部落格：Day27 Vue CLI專案實作(一)：新增路由路徑及首頁banner 嗨！延續昨天的進度，今天要來試著調整首頁畫面，將原...
前言 昨天介紹完Vue CLI2、3如何建立後，我們今天來認識一下Vue-router怎麼使用吧！ Vue Router簡介 Vue Router就是由前端模...
本文同步發表於斜槓女紙部落格：Day26 閒不下來的史萊姆(四)：幫專案搬新家吧！ 嗨！又見面了。 是的沒錯，我又手癢了~今天要來試著把之前的coding...
前言 延續昨天的話題，我們今天來介紹Vue ClI3建立的方法與檔案結構說明，並同時介紹一下CL3中很大的特色：GUI圖形化介面。 Vue CLI3特色 1.完...
前言 目前已經將元件內容大致上介紹完了，那我們今天就要先來介紹Vue CLI2吧！開始前我們先來認識何謂Vue CLI吧！ 什麼是Vue CLI? 基於Webp...
本文同步發表於Andy's Blog 前言 在介紹slot之前，我們必須先瞭解一個觀念：編譯作用域我們先來看個範例codepen連結 <div id=...
本文同步發表於Andy's Blog 前言 昨天介紹完event bus，那我們今天來了解如何用is動態切換元件 is動態切換元件介紹 用途：最常使用在頁籤...
本文同步發表於Andy's Blog 前言 昨天介紹完this.$parent、this.$child方法後，突然想到沒有介紹到.sync這個語法糖。OK，...
本文同步刊載於Andy's Blog 前言 昨天介紹了props.sync方法，今天我們來介紹另外一種元件的溝通方式。event bus(老司機XD)。 開...
前一篇有講到 .forEach() 和 .map()，所以這裡就不講這兩個部分，我們先有個基本的陣列資料: const people = [ { n...
本文同步刊載於Andy's Blog 前言 這兩天介紹完Vue第一種元件之間的溝通方式，props in ,emit out，並且針對props使用上也做了...
在以往我們在字串的組合上會比較冗長，如下: const people = [ { name: '小明', friends: 2 },...
文章同時刊載於Andy's Blog 前言 延續昨天話題，今天會來繼續聊聊props使用注意細節。 狀況一：讀取遠端資料 我們今天如果使用AJAX讀取遠端資...
var callSomeone = function (someone) { return someone + '吃飯了' } 上面是我們一般傳統函式的寫...
const Frieza = '弗利沙' const GinyuTeam = { Ginyu: '基紐', Jeice: '吉斯', burter:...
解構賦值的概念，有點像是把一份資料複製到另外一份，在以往我們要把陣列的值取出來，要透過宣告一個變數來放置，如下: let family = ['小明', '杰倫...
在陣列的操作上，ES6 多了許多方便的方法，首先先介紹展開，展開的部分可以讓我們合併陣列更直覺: let groupA = ['小明', '杰倫', '阿姨']...
本文同步發表於Andy's Blog 前言 昨天介紹了元件與元件之間的溝通方式：props in,emit out，而我們今天要針對Props操作上細部介紹...
iThome鐵人賽
看影片追技術
看更多
Jerry Huang
chunwen
鍾小呆