Vue元件的一些隨筆

2021-08-18 23:54:26 字數 637 閱讀 8602

今天,來看下元件,首先,我們先直接來看乙個例子、

vue.extend:這個方法就是建立乙個未掛載的例項,而我們這裡往他選項物件裡,寫了乙個template也就是元件模板。然後用 vue.component('my-component', mycomponent),註冊元件,第乙個引數為元件標籤,第二個引數為元件名稱,我們是直接在例項之外註冊的,這被稱為全域性元件,它的作用域為全域性,在任何乙個例項上都可用。

這是我們註冊的區域性元件,同樣也是使用元件構造器的方式因為它是在vue這個例項中註冊的,在其他的el元素掛載點會失效。

接下來,來講一下語法糖,原來啊,vue官方覺得以上面這種方式建立元件太過於麻煩,於是,允許我們用 vue.component('my-component',);的方式來快捷建立元件。

再來看看一些特殊情況;

比如說,vue元件的模板在某些情況下會受到html的限制,比如說,標籤下只能是,之類的,我們可使用is屬性來掛載元件;例子如下:

再乙個;

在元件中像其他vue例項那樣,使用選項物件時,注意,data的型別必須是函式,且有返回值;

vue.component('my-component',}

',data:function(){

return {

msg:'元件內容'

vue元件遞迴的一些理解

自己做個小專案練手,需要用到元件遞迴,網上查了一些資料,每個 片段都認識,但是連起來,就一團漿糊。既然人傻就多思考吧。不明白的點有以下 1.元件怎麼自己呼叫自己,函式的遞迴是就是在function fn 元件的遞迴沒有看到這樣子的呀。答 元件中使用name屬性,給元件自己定義個名字,這樣在元件中就可...

VIO的一些隨筆

大公司跑在手機的似乎都是濾波msckf那種,有優化的但似乎功耗不行。還有就是雜交的前端濾波後面在掛地圖,反正國內的似乎就是svo,vins,orbslam,msckf組合起來。缺啥補啥,那個太爛了就想辦法換或者硬體加速。都是工程上的了,不過還是有很多trick。說來濾波和優化類似,都是由於ba,bw...

Vuex的一些隨筆

vuex 和單純的全域性物件有以下兩點不同 vuex 的狀態儲存是響應式的。當 vue 元件從 store 中讀取狀態的時候,若 store 中的狀態發生變化,那麼相應的元件也會相應地得到高效更新。你不能直接改變 store 中的狀態。改變 store 中的狀態的唯一途徑就是顯式地提交 commit...