【前端筆記】20191202-爲什麼vue組件沒有隨着數據更新值

(1)字體用相對單位比較好，比如 0.875rem去替換14px

(2)vue的使用事件修飾符防止冒泡事件的點擊事件: @click.stop=”xxx”

(3)vue-element-admin路由想不緩存，在router/index.js中不設置name屬性就可以，一般都會緩存組件，表單數據不進行緩存，vue暫不支持

name:’router-name’ the name is used by (must set),這會導致路由頁面的組件數據被緩存

(4)【重點】爲什麼vue組件沒有隨着數據更新值
場景：在使用element-ui的table時自己寫了一個插槽slot，封裝了一個提示文字的組件，發現搜索和分頁時自定義的組件渲染的數據還是第一次渲染的數據

解決方案：組件傳值，如果父組件的值會變化，那最好通過watch實現父組件的值實時賦值給子組件，也可以雙向數據綁定，如下

watch: {
	adxContent(newVal, oldVal) { //監聽子組件變化，把變化發送給父組件
	this.$emit(‘update:content’, newVal);
	},
	content(newVal, oldVal) { //監聽父組件的變化，並把變化發給子組件
	this.adxContent= newVal;
	},
},