學習vue中遇到的一些注意事項

2021-08-20 21:06:27 字數 1240 閱讀 1045

1、註冊事件  .native

v-on:click.native="dothething">

my-component>

2、

修改prop的資料

定義乙個區域性變數,並用prop的值初始化它。

props: [

'initialcounter'

],data: 

function () 

}定義乙個計算屬性,處理 prop 的值並返回:

props: [

'size'

],computed:

}3、

遍歷的陣列值更新了,值也賦值了,為什麼檢視不更新?

this.$set(obj,item,value)

varvm = 

newvue(}})

你可以新增乙個新的age屬性到巢狀的userprofile物件:

vue.set(vm.userprofile, 

'age', 

27)對已有物件賦值多個新屬性

this.userprofile = object.assign({}, this.userprofile, )

4、

v-for迴圈 加上key 否則會報紅

<

divv-for

="item in items"

:key

="item.id"

>

div>

5、

vue-router實現登入和跳轉到指定頁面,vue-router傳參

定義路由的時候可以配置meta字段

const router = new

vuerouter(}]

}]})

6.vue事件冒泡問題

class="signlist" @click.stop>
7.動畫

:style=""
document.queryselector('.train-station dt').style.transform = `rotate($deg)`  

vue學習中的一些注意事項

1 父子元件的生命週期函式的載入過程?父子元件之間的傳值問題?週期函式載入過程 父元件的beforecreate 父元件的created 父元件的beforemount 子元件的beforecreate 子元件的created 子元件的beforemount 子元件的mounted 子元件的.其他生...

vue一些注意事項

1.生命週期鉤子的this上下文指向呼叫它的 vue 例項。不要在選項屬性或 上使用箭頭函式,比如 created console.log this.a 或 vm.watch a newvalue this.mymethod 因為箭頭函式是和父級上下文繫結在一起的,this 不會是如你所預期的 vu...

一些注意事項

0.解題思路 a.普通思路 b.遞迴 bfs dfs c.動態規劃 比遞迴快 d.雙指標 比for迴圈快 如 快慢指標方法 e.用棧 1.陣列初始化 int a new int 5 a 0 預設為0.二維陣列也一樣。boolean b new boolean 5 b 0 預設為false.strin...