從大概2年前就知道有這比賽,當時覺得實力不夠就沒參加比賽(現在也是),然而今年被半強迫參加,這真的是有夠緊張的,不知是否能順利完成。 第一次參加iT鐵人賽,也是...
Vue-cli 是由 Vue 官方提供的開發工具,可以快速透過指令建立出一個立即可用的開發環境。在我們用npm 安裝 vue-cli之前,需要先安裝node.j...
我們在開發vue專案可能會用到bootstrap和jquery來美化頁面,串接api則要用到axios,所以我們要把它們引入到vue-cli中,讓功能更強大!!...
tags: vue 元件基礎: 在用vue開發一定會用到components(元件),每個元件都有統一的架構,如下圖 template:裡要放一個div包住所有...
tags: vue vue-route是用來跳轉頁面切換和傳值的東西 基本用法 一開始我們先找到專案裡的,src/router裡的index.js,這檔案是用來...
v-bind v-bind 簡寫為:,可以用在html標籤裡的屬性,讓屬性值等於你的data。 用個簡單的範例:先在data新增一個link值為https://...
基本概念這次我們來說明watch、computed、v-on的用法,watch有點像是監聽的概念,當監聽的值或物件有變動時,就會觸發watch裡的程式。comp...
v-for v-for是一種新增畫面的方式,比起傳統一個一個新增html元素還要方便許多,我們先來做個簡單範例。 v-for 有分渲染物件和陣列的方式 物件:先...
經過了前幾天的教學,相信大家對v-model、v-if 、 watch、computed有初步的理解,我們現在來做一個小東西,將它們都結合起來。 我們來做三個i...
我們這次來介紹vue filter的使用方式,翻成中文叫過濾器,它有點像computed,差別在computed可以應用在其他computed、methods、...