html
- HTML <!DOCTYPE> 標(biāo)簽
css
- flex
vue
- vm.$emit用法
vm.$emit(event, arg )
- $emit 綁定一個(gè)自定義事件event，當(dāng)這個(gè)這個(gè)語句被執(zhí)行到的時(shí)候，就會(huì)將參數(shù)arg傳遞給父組件，父組件通過@event監(jiān)聽并接收參數(shù)。
<template>
<div>
<h1>{{title}}</h1>
<child @getMessage="showMsg"></child>
</div>
</template>
<script>
import Child from '../components/child.vue'
export default {
components: {Child},
data(){
return{title:''}
},
methods:{
showMsg(title){this.title=title;}
}
}
</script>
<template>
<h3>我是子組件！</h3>
</template>
<script>
export default {
mounted: function () {
this.$emit('getMessage', '我是父組件！')
}
}
</script>
- watch
- props
- 默認(rèn)值設(shè)置
- props down, events up
父組件通過 props 向下傳遞數(shù)據(jù)給子組件；子組件通過 events 給父組件發(fā)送消息。
javascript
- avaScript unshift() 方法
scrolltolower事件
