彩蛋:后台管理系统一站式平台模板
vue-admin-wonderful,一套为开发者快速开发准备的基于 vue2.x 越看越精彩的后台管理系统一站式平台模板。基于element ui 2.14.0
- 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。
2.实例应用,比如自定义弹窗
主页:(父组件) 注意 .sync
<custom-dialog :visible.sync="dialogVisible"></custom-dialog>
export default {
name: '',
data() {
return {
dialogVisible: false
}
}
}
custom-dialog组件:(子组件)
<div>
<button @click="onHide()">关闭</button>
</div>
export default {
props: {
visible: {
type: Boolean,
default: () => false
}
},
methods: {
onHide() {
this.$emit('update:visible', false);
}
}
}
参考:ElemeFE/element.