前端笔记

父组件向子组件传值
<template>
    <parent>
        <child :list="list"></child> //在这里绑定list对象
    </parent>
</template>
import child from 'child.vue';
export default{
  components:{child},
　　data(){
　　 return {
　　 //父组件的数据绑定到子组件的包裹层上 
　　list:["haha","hehe","xixi"];
 }
}


子组件通过pop接收
props:['list']

子组件向父组件传值
<template>
	<div id="cityAlphabet">
		<ul class="list">
			<li class="item"  @click="click">{{item}}</li>
		</ul>
	</div>
</template>
methods:{
    click(){
	this.$emit('change',data)
    },
}

父组件接收子组件的
<template>
	<div id="changeCity">
		<changeHeader></changeHeader>
		<cityAlphabet @change="change":cities="cities"></cityAlphabet>
	</div>
</template>
methods:{
    change(data){
        this.data= data
    }
}

vue 过滤器