Slot 分发内容
2017-03-28 本文已影响86人
於風聽語
本文待修改
需要做个页面,涉及 查看
、编辑
,来列一下流程:
- 路由传 Id 过来,捕获 Id
- 使用 Ajax 获取这个 Id 的详细信息
- beforeSend:设置加载中提示
- success:
- res.status === true:得到返回信息 res.data
- res.status === false:显示错误信息 res.message,终止流程
- complete:清除加载中提示
- error:显示错误信息,并清除加载中提示,终止流程
- 根据 res.data 渲染页面
整个流程中只有步骤 3(渲染页面)这一块不一样,其他流程都是相同的。做两个组件,copy 一次代码?
- 你要脸吗?
- 又不能靠脸能吃饭,要脸干啥......
- ...- -|||
可以写一个组件,内置 slot ,把重复部分都做了,props 传给 slot
—— 2017/03/28 By Live, in a rush