原创 vue - 指令及自定義指令

Vue.js 本章內容: 指令 v-bind v-bind行內樣式設定 v-bing類名(class)設定 v-on v-for v-model v-show v-if/v-else-if/v-else v-html v-te

原创 vue - component (組件)

Vue.js 本章內容: 組件 全局組件聲明方式 局部組件聲明方式 組件的注意事項 #### 組件 ​ 以電腦機箱爲例,電腦機箱中的各個部件都可以看作爲組件,比如顯卡,CPU,硬盤,電源等。每個組件都是獨立的,有着自己

原创 vue - 組件通信

Vue.js 本章內容: 組件通信 父組件通信子組件 子組件通信父組件 子組件修改父組件傳遞的數據 兄弟組件通信 props詳解 組件通信 ​ 組件之間的數據傳遞 (傳值) 父組件通信子組件 ​ 子組件不能修改父組

原创 vue - axios (網絡請求)

Vue.js 本章內容: axios 示例語法 #### axios ​ axios是一個基於Promise 用於瀏覽器和 nodejs 的 HTTP 客戶端,本質上也是對原生XHR的封裝,只不過它是Promise的

原创 vue - 修飾符

Vue.js 本章內容: 修飾符 事件修飾符 按鍵修飾符 v-model修飾符 修飾符 事件修飾符 stop ​ 阻止事件傳播(冒泡),系原生event.stopPropagetion() prevent ​ 阻止默

原创 vue - watch (偵聽器)

Vue.js 本章內容: 偵聽器 偵聽器的應用場景 淺度監聽 深度監聽 監聽數組 偵聽器 ​ 偵聽器是對data中的數據進行偵聽(監聽)數據的改動。 偵聽器的應用場景 數據改變後可以做一些異步操作,這個特點是計算

原创 vue - filter(過濾器)

Vue.js 本章內容: 過濾器 全局過濾器 局部過濾器 注意事項 過濾器 ​ 過濾器是對數據進行格式化或在原有的數據上得到另一個結果,過濾器是不會改變源數據。 全局過濾器 <!-- 利用過濾器拼接Hello字段,

原创 vue - 生命週期函數(鉤子函數)

Vue.js 本章內容: 生命週期函數(鉤子函數) 生命週期函數 ​ Vue從創建,掛載,更新,註銷所經歷的過程,稱之爲生命週期函數(鉤子函數),而在這些過程中會觸發不同的函數,我們可以在某個階段添加自己的邏輯需求。 <di