vue学习第七天-过滤器与组件通信

过滤器

过滤器：就是一个Javascript函数。
过滤器的注册：
1.在组件内注册，只能在该组件内使用

2.使用：
方式1：在双大括号中管道连接符使用

方式2：在v-bind中

过滤器的全局注册，在所有组件中均可使用。
Vue.filter(filter_name, function(value){
// 过滤器内容
})

组件通信

几种实现思路：
1.参数传递
2.全局共享（Vuex）

父组件传递数据到子组件：

子组件中：定义props属性（表示要从父组件传递过来的参数）
父组件中：v-bind:参数名=“xxx”
要求传递的数据类型时，需要在子组件中添加数据类型验证
props: {
username:{
type: String,
require: true,
default: ‘admin’
}
}

子组件传递数据到父组件：