如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時，可以參考以下方法： 方法一：vue.config.js module.exports = {...
在這裡我就直接開門見山丟上我最終畫面了網站(再過幾天服務應該就會到期)http://crypto-monolith-316105.an.r.appspot.co...
是時候來清這裡灰塵了這兩週實在是過得水深火熱接下來我會補齊這兩週事件17週多半是在刻畫面,後期開始接api18週就是大量的接api,跟補上還沒做的功能和畫面 老...
歐拉～本週結束了分領域雖然每週都為了Web的演示以及龐大的作業量追著跑但是結束並沒有感到鬆一口氣因為接下來迎接我的就是。。。期末專題拉！真的同時被 學習前端技術...
在這個範例裡，是用單一方式去驗證active是否為true <div v-bind:class="{ active: isActive }&qu...
先用官網裡面的範例 <div id="example"> <p>Original message: "...
Template Syntax Vue.js 最主要是基於HTML，在使用JQuery或者Js的時候DOM應該不陌生。在Vue裡最主要使用的是viturl DO...
Instance Lifecycle Hooks Hooks到底是什麼？ 中文解釋就是鉤子，其實Vue就有點像是一個掛著一個的感覺，所以才叫Hooks（很多個所...
Vue 主要架構 此圖片來源 Vue官方網站 建立compoent // Define a new component called todo-item Vue...
Vue Instance var vm = newVue() 使用Vue時，主要概念會是先使用Instatnce，接下來才開始做每一個項目的實作TODOLis...
今天練習的主題是用Vue實現列表的展開與隱藏功能會分為兩個範例讓大家做演練 範例一 先將isShow默認為false接著在function內判斷當前的列表是否...
心血來潮 Vue基於 相容性（ie目前已知...恩） 語意化版本 Semantic Versioning 開發除錯工具 VueTools 到底該如何使用...
前言：此單元較為複雜，若元件觀念較不熟悉的同學，請斟酌觀看這裡會運用到props、emit、ES6、day.js讓我們先來觀看成品圖吧 首先我們將行事曆切分為...
在上一篇中寫了關於陣列的做法假如今天我們將陣列改成物件，該怎麼去實現它呢？先給一個全域值： const person = [ { name: "J...
前幾天在群組剛好看到有人發問：有一組陣列：［1, 8, 2, 3, 4, 5, 4, 6, 2, 7］該如何取出不重複值讓陣列變成：［1, 8, 2, 3, 4...
Promise JavaScript 是屬於同步的程式語言，因此一次僅能做一件事情，但遇到非同步的事件時，就會將非同步的事件移動到程式碼的最後方，等到所有的原始...
CookieCookie 是伺服器（Server）傳送給瀏覽器（Client）的一小片段資料，並請瀏覽器保存起來，以便往後向相同的伺服器發送請求時，附上這 Co...
今天要來簡單的實做星星評分的功能在這項單元內也會簡單的講解到props與$emit的傳遞先附上成品圖：先在components中新增一個Star的元件...
解題思維 const app = new Vue({ el: "#app", data() { return...
先介紹一下Props與$emit的功用 Props：父層若要將內容傳遞進去子層元件就需要用到props這個屬性。 再命名上需要注意的是： 子層Props使用駝峰...
從一張白紙開始學習前端，掐指一算也大概一年了但對於$Props的應用，一直無法深入理解可能礙於本身邏輯能力較差的關係，再加上網路的文章教程都是以下這種寫法 &...
參考文章: https://medium.com/easons-murmuring/%E5%9C%A8-vue-cli-%E4%B8%AD%E4%BD%BF%E...
這是一個在 Vue 3 被拿掉的功能，但還是來了解一下。 filter 用途及用法 filter 是讓雙花括號({{}})或 v-bind 表達式中的值通過...
這一篇說實在的，現在的我還不能寫出有用的插件，所以這一篇筆記主要也是學習使用別人寫好的插件。 使用插件 Vue.use('PluginName', { //...
在粗淺的看過這一章時，覺得 Vue 真的有好多功能啊，目前的我似乎還是沒辦法很熟用 Vue 的每項語法，只希望未來在遇到各種問題時，我能有印象可以使用哪種語法。...
混入(mixin)似乎也是個初學 Vue 比較少被用到的功能，但還是照順序的了解一下。 基礎運用 在模組中如果有重複出現的模組 option 內容，就可以透過...
這一篇就來接續寫完 Vue 過渡及動畫的內容啦！希望能順利寫完我的 Vue 筆記。 多個元素的切換轉場 以後就用 .v-* 跟 .transitionName-...
先看上圖來了解 Vue 將動畫進入跟離開這 2 種階段，而在進入跟離開階段又分別配置了 3 種狀態 — 初始狀態(進入前、離開前)、進行中狀態、結束狀態(進入...
這次寫的內容是之前都沒使用過的，所以就盡量讓自己有概念，希望之後能使用到。 使用 v-bind:is 來切換模組 切換模組的基本語法 <component...
最近在 youtube 找到一個學習 webpack 很好用的教學影片，所以正努力的學習 webpack 中，一個不小心就太沉迷在新技術的練習了，導致有點忽略...
iThome鐵人賽
看影片追技術
看更多
Celeste