鐵人檔案
前言 為何使用vue 最近在學校做作業的時候，遇到了需要將資料庫的數據放到前端網頁，為了實現這件事情所以接觸了vue，vue是非常好上手的一個工具，它可以很快速...
這次要介紹的部分是vue的開頭 首先決定vue要作用的區塊在el中定義生效的element var vm = new Vue({ el: "#ro...
這次將介紹v-for,v-if,v-bind的用法 這次使用這筆資料來當作練習 fruits=[ { "fruit"...
這次將介紹v-on的用法 v-on 用法是相當單純的，跟一般html5的onclick,onselect...等雖然其實差別不大，不過v-on的功能卻更強大，用...
Component 依照官方文件所說，Component是vue.js中最強大的功能，它可以擴展html元素，還可以封裝reusable的程式碼 今天先簡單的介...
Component 延續前一天的內容 html #root h1 {{title}} h2 {{subtitle}} viwer js(L...
prop簡介 Component有一個獨立的作用域(isolated scope)，使用Component主要是希望程式碼不會互相影響，而當需要讓父層級(par...
利用prop來即時讀取修改的input 為了達成目的需要搭配使用v-model,v-bind 首先在component的data中定義parentMsg，在pr...
水果顏色字卡 紀錄水果跟顏色 雖然好像沒什麼實用性，不過主要是為了稍微整合前幾天學到的基礎，所以做了這個小應用程式首先，先在資料中預設一些資料，定義fruits...
先把叉叉畫上去 #root h1 {{title}} h3 {{subtitle}} .box .line(v-for="(col...
