vue中小坑集合

2021-09-09 08:23:27 字數 2833 閱讀 7685

標籤(空格分隔): vue

#1.在vue中 要使用data中的動態資料作為src或者style或者href等等的有引號的屬性文字表示式;

都需要用v-bind;即:src :href…

例子:

----------------------錯誤

---------正確,此時的data.url是動態資料

#2.iphone中常用的font-size;

font-family:『pingfang sc』,『stheitisc-light』,helvetical-light』,arial,sans-serif;

逐一往後查詢

#3.less中拼接字串url 及**查詢方法寫法;

例:

.bg-img(@name) @2x.png』);

@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3)@3x.png』)}}

#4,當子元件通過props獲取父元件傳過來的指的時候;想去操作父元件的資料時會遇到大坑!!!!

首先當父元件通過props傳給子集乙個存在父級的物件時;由於物件是引用型別;所以再子元件裡修改props的資料是會改變父級的資料的!!(不需要再呼叫父級的函式進行修改)

但是還有一點,當子元件想要再父元件資料新增一條屬性時,單用xx.shuxing=yy 是不會觸發重新渲染的;

例如:

>  props: 

> },

> methods: ,

> sub: function ()

> this.$emit('foodcount', this.food)

> }

> },

直接this.food.count = 1這樣去增加新的屬性是不能觸發渲染的;

解決方法!!!;

created ()

通過 this.$set(this.food, 『count』, 0)這句話新增屬性才可以!!

#5.再vue2.x之後有些api遭到棄用!!留下很多大坑!!;

##1.獲取dom元素不在使用el綁

定也不使

用el繫結 也不使用

el繫結也不

使用ref繫結,這些都廢棄了;

而是直接使用ref="***"直接繫結,在js中使用katex parse error: expected 'eof', got '#' at position 11: refs取到資料; #̲#2.dispch等傳送資料的api被廢棄!!

父級呼叫子集的方法直接使用ref繫結子集;用this.ref

s.xx

x呼叫;

子級呼叫

父級的方

法直接用

refs.***呼叫; 子級呼叫父級的方法直接用

refs.x

xx呼叫

;子級調

用父級的

方法直接

用emit傳送事件 $on ==》即@***進行獲取;

#6.一般來說父子元件間的通訊用可以用$emit和props 來接收或者傳送;

但是還存在非父子級元件之間的通訊,這時候就需要用中介軟體了

元件傳送資料:

> this.roo

t.hu

b.

root.hub.

root.h

ub.emit(『dropball』, evp)

另外元件接收資料:

created () )

> })

> .catch(function (response) )

> this.axios.get('/api/seller')

> .then(function (response) )

> .catch(function (response) )

> this.$root.hub.$on('dropball', function (e) )

> },

#7.在使用$nexttick的時候需要特別注意this的指向是有變化的!!!!

#8.vue的api有的是針對全域性的有的是針對例項的;例如:

vm.$data === data // => true

vm.$el === document.getelementbyid('example') // => true

vm.$watch('a', function (newvalue, oldvalue)

這種寫法就是應用在例項外部的;

若在內部可以直接用this指向

#9.object.assign() 方法用於將所有可列舉的屬性的值從乙個或多個源物件複製到目標物件。它將返回目標物件。

語法

object.assign(target, ...sources)

第乙個引數是目標引數;

第二個是源物件;

源物件會替換目標物件中的元素

#10:駝峰式命名 vs. 串聯式命名(camelcase vs. kebab-case)

html 屬性會忽略大小寫(case-insensitive),因此,在使用非字串模板(non-string template)時,駝峰式命名的 prop 名稱,需要轉換為同等相應的串聯式命名(連字元分隔):

vue爬坑 入門坑

問題1 父子頁面路由模組之間的呼叫 非資料互動 問題2 資料請求時跨域解決 用vue cli建立的專案,開發位址是localhost 3010,資料介面是localhost 8080。此時資料和開發環境不在相同網域名稱下,需要跨域才能請求到資料。解2 解決辦法有多種 服務端修改請求頭資訊允許跨域請求...

ubuntu linux 填坑集合

坑1 failed to load ldlinux.c32 剛安裝就遇到乙個大坑。使用u盤安裝的,啟動的時候提示 failed to load ldlinux.c32 ubuntu 16.04 lts。解決辦法,以前的ultraiso版本是9.6.2,換成9.6.5就可以了。坑2 unity更換成g...

雜言 坑集合(Finished!)

嗯 以前是周更,但是現在時間比較緊張,學校各種無聊活動,加上自己弱的不行幹啥都特別慢 整什麼破班會真煩人 於是之後可能就斷更了 下面是一些需要處理的坑。1 i 1n ni 這玩意在小於o n 的複雜度下求和。oeis中有乙個在o n 的時間可以推出的但是沒有證明 upd 嗯這個問題已經解決了 具體請...