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

过滤器

过滤器:就是一个Javascript函数。
过滤器的注册:
1.在组件内注册,只能在该组件内使用
vue学习第七天-过滤器与组件通信
2.使用:
方式1:在双大括号中管道连接符使用
vue学习第七天-过滤器与组件通信
方式2:在v-bind中
vue学习第七天-过滤器与组件通信

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

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

组件通信

几种实现思路:
1.参数传递
2.全局共享(Vuex)

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

子组件中:定义props属性(表示要从父组件传递过来的参数)
父组件中:v-bind:参数名=“xxx”
要求传递的数据类型时,需要在子组件中添加数据类型验证
props: {
username:{
type: String,
require: true,
default: ‘admin’
}
}
vue学习第七天-过滤器与组件通信

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

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

上一篇:Function.prototype.bind()的用法


下一篇:[Unity] Zenject 中文文档 Version 9.2.0 [1]