原创 計算屬性VS偵聽器

區別 計算屬性(computed): 改變一個或多個響應式元素的值,去修改一個響應式元素的值 偵聽器(watch): 改變一個響應式元素的值,去修改多個響應式元素的值 實例 <div> <input v-model="fi

原创 使用vue實現吸頂效果

使用到的知識點 // 獲取吸頂元素的dom let header = this.$refs.header; // 吸頂元素到top的距離 this.offsetTop = header.offsetTop; // 元素自身的高度

原创 vue計算屬性、偵聽器、插槽

計算屬性(computed) 計算結果並返回,只有當被計算的值發生改變時纔會觸發 (即:計算屬性的結果會被緩存,除非依賴的響應式屬性變化纔會重新計算) 主要用於處理計算邏輯比較複雜的運算,計算屬性默認只有getter方法,如果需要

原创 vue插件學習

vue的插件通常是用來添加全局功能, 插件按功能分一般有: 1、添加全局方法或屬性 2、添加全局屬性:指令、過濾器、過渡 3、通過全局混入來添加一些組件選項 4、添加 Vue 實例方法,通過把它們添加到 Vue.prototyp

原创 vue學習系列-核心內容

hello world 改造我們上一節創建好的項目 App.vue <template> <div id="app"> <HelloWorld /> </div> </template> <script> imp