基础组件:基础组价是cat-vue的基础,基础组件提供了最原始的功能及最基础的样式。基础组件中只有最基本的逻辑。 例如:复杂组件中的所有Navigation都是基于基础组件cat-vue-ul而完成的。
复杂组件:在cat-vue中,一切复杂组件(即其他框架中的组件)都必须基于基础组价进行开发,复杂组件承载了样式的改变以及 特殊逻辑。可以说复杂组件是定制化的基础组件。
不同于其他其他前端组件,cat-vue遵循一切数据从后端而来的开发理念, 所有的依赖于数据的渲染(例如:checkbox)都通过数据进行给与,而不是在前端一次写多个input。 在cat-vue中前端只做最基本的组件的调用与基础逻辑的判断。
例如:
在其他组件中,定义一个checkbox:
<xx-checkbox v-model="checked" disabled>复选框1</xx-checkbox>
<xx-checkbox v-model="checked" disabled>复选框1</xx-checkbox>
<xx-checkbox v-model="checked" disabled>复选框1</xx-checkbox>
<xx-checkbox v-model="checked" disabled>复选框1</xx-checkbox>
在cat-vue中:
<cat-vue-radio :option="lits"></cat-vue-radio>
其中lits为:
[{
name: "多选1",
value: 1,
disabled:true
}, {
name: "多选2",
value: 2,
select: true
}]
在cat-vue一切渲染都已数据为准,这样的好处是:前端的渲染依赖的是后端的数据,当后端数据改变的时候只要
改变对应的接口返回值即可,前端无需任何修改(不排除逻辑修改)。
例如上面的checkbox,当需要增加一个选项的时候(若后端是字典表数据查询),只需要后端在字典表中增加一个
数据即可,其余无需任何改动。
灵活方便:当你不想写任何样式以及逻辑,只负责业务的时候,你可以使用复杂组件;当复杂组件无法满足要求的时候,你可以基于 基础组件定制属于自己的组件。
一次成型:当数据来源统一且逻辑不需要改变的时候,你只需要改变数据来源就可以完成页面的修改。
数据规则需要按照cat-vue的思路,返回字段需要符合cat-vue的标准。
对SEO不是很友好。