html
- HTML <!DOCTYPE> 标签
css
- flex
vue
- vm.$emit用法
vm.$emit(event, arg )
- $emit 绑定一个自定义事件event,当这个这个语句被执行到的时候,就会将参数arg传递给父组件,父组件通过@event监听并接收参数。
<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
- 默认值设置
- props down, events up
父组件通过 props 向下传递数据给子组件;子组件通过 events 给父组件发送消息。
javascript
- avaScript unshift() 方法
scrolltolower事件