Vue 元件學習總結

2021-09-05 11:56:57 字數 789 閱讀 6697

本文主要是對 vue 元件學習的總結和之後要寫的內容的計畫。

元件庫其實就是一堆元件組成的乙個專案,一般專案裡會有元件和演示專案。當專案除錯時 webpack 打包演示專案的入口檔案來進行演示和除錯,在發布元件庫時 webpack 打包元件庫的入口檔案。將打包完的元件發布到 npm。

我覺得,元件庫的左右只能是乙個 —— 提高生產效率。所以,在當前有不少優秀的元件庫的情況下,我們能做的應該是幫助那些元件庫變得更好。同時基於自己的業務寫一些適用於自身業務的前度元件。

關於元件的發布流程,手把手教你封裝 vue 元件,並使用 npm 發布這篇文章對元件庫從搭建到發布進行了詳細的描述,親測可用。

dom 操作

css

動態更新transform的值。

.target

給元素的 position 設為 absolute 或 fixed,並不斷更新定位屬性toprightbottomleft的值。

.target

vue 功能應用

其他

根據這段時間學習元件庫的經驗,自己動手寫了乙個元件庫專案 otter-ui。本專案僅用於交流學習。可以參考著自己寫一套元件庫玩玩,還是挺酷的!

Vue 元件總結

目錄 一 元件概念 二 根元件 三 區域性元件 根元件 components內繫結,只能在相應例項結構內使用。三 全域性元件 在任意vue例項下都可呼叫 四 元件之間的資料傳遞 1 父元件 子元件 通過props建立聯絡繫結屬性 2 子元件 父元件 通過事件觸發 vue api 查詢 總結 根元件的...

Vue 元件學習

全域性註冊元件的過程 1 註冊 建立 乙個全域性元件,使用 vue.component tagname,options vue.component my component 2 建立根例項 3 在父例項的模組中以元件名的形式 類似自定義標籤 使用。渲染為 a custom component 區域性...

Vue學習 元件學習

元件的出現,就是為了拆分vue例項的 量的,能夠讓我們以不同的元件,來劃分不同的功能模組,將來我們需要什麼樣的功能,就可以去呼叫對應的元件即可 元件化和模組化的不同 var test yk vue.extend vue.component testyk test yk vue.component t...