原创 Vue11：router路由
Vue.js 路由 本章節我們將爲大家介紹 Vue.js 路由。 Vue.js 路由允許我們通過不同的 URL 訪問不同的內容。 通過 Vue.js 可以實現多視圖的單頁Web應用（single page web application，
2020-06-16 01:13:32
原创 Vue9：組件
Vue.js 組件 組件（Component）是 Vue.js 最強大的功能之一。 組件可以擴展 HTML 元素，封裝可重用的代碼。 組件系統讓我們可以用獨立可複用的小組件來構建大型應用，幾乎任意類型的應用的界面都可以抽象爲一個組件樹：
2020-06-16 01:13:32
原创 Vue10：自定義指令
Vue.js 自定義指令 除了默認設置的核心指令( v-model 和 v-show ), Vue 也允許註冊自定義指令。 下面我們註冊一個全局指令 v-focus, 該指令的功能是在頁面加載時，元素獲得焦點： <body>
2020-05-27 03:42:46
原创 Vue3：循環語句
循環語句 循環使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊語法， sites 是源數據數組並且 site 是數組元素迭代的別名。 v-for 可以綁定數據到數組來渲染一個列表： <div id
2020-05-26 04:14:10
2
原创 Vue6：樣式綁定
Vue.js 樣式綁定 Vue.js class class 與 style 是 HTML 元素的屬性，用於設置元素的樣式，我們可以用 v-bind 來設置樣式屬性。 Vue.js v-bind 在處理 class 和 style 時，
2020-05-26 04:14:10
原创 Vue7：事件處理器
Vue.js 事件處理器 事件監聽可以使用 v-on 指令： <div id="app"> <button v-on:click="counter += 1">增加 1</button> <p>這個按鈕被點擊了 {{ count
2020-05-26 04:14:10
原创 Vue4：計算屬性
Vue.js 計算屬性 計算屬性關鍵詞: computed。 計算屬性在處理一些複雜邏輯時是很有用的。 可以看下以下反轉字符串的例子： <div id="app"> {{ message.split('').reverse().jo
2020-05-26 04:14:10
原创 Vue5：監聽屬性
Vue.js 監聽屬性 本章節，我們將爲大家介紹 Vue.js 監聽屬性 watch，我們可以通過 watch 來響應數據的變化。 以下實例通過使用 watch 實現計數器： <div id = "app"> <p style
2020-05-26 04:14:10
原创 Vue8：表單
Vue.js 表單 這節我們爲大家介紹 Vue.js 表單上的應用。 你可以用 v-model 指令在表單控件元素上創建雙向數據綁定。 v-model 會根據控件類型自動選取正確的方法來更新元素。 輸入框 實例中演示了 input 和
2020-05-26 04:14:10
原创 vue1：模板語法
Vue.js 模板語法 Vue.js 使用了基於 HTML 的模版語法，允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。 Vue.js 的核心是一個允許你採用簡潔的模板語法來聲明式的將數據渲染進 DOM 的系統。 結合響應系
2020-05-22 23:48:45
原创 JavaScript39：對象
JavaScript 對象 JavaScript 中的所有事物都是對象：字符串、數值、數組、函數... 此外，JavaScript 允許自定義對象。 所有事物都是對象 JavaScript 提供多個內建對象，比如 String、Date、
2020-05-22 23:48:45
原创 DOM3：EventListener
JavaScript HTML DOM EventListener addEventListener() 方法 在用戶點擊按鈕時觸發監聽事件： document.getElementById("myBtn").addEventListe
2020-05-22 23:48:35
原创 Vue2：條件語句
Vue.js 條件與循環 條件判斷 v-if 條件判斷使用 v-if 指令： <div id="app"> <p v-if="seen">現在你看到我了</p> <template v-if="ok"> <h
2020-05-22 23:48:35
原创 DOM2：改變HTML
JavaScript HTML DOM - 改變 HTML HTML DOM 允許 JavaScript 改變 HTML 元素的內容。 改變 HTML 輸出流 JavaScript 能夠創建動態的 HTML 內容： 今天的日期是： Fri
2020-05-22 23:48:35
原创 DOM2：改變CSS
JavaScript HTML DOM - 改變CSS HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。 改變 HTML 樣式 如需改變 HTML 元素的樣式，請使用這個語法： document.getElem
2020-05-22 23:48:35