CAT-VUE

基于Vue2.0的好用、灵活的桌面端组件库

组件理念:

基础组件:基础组价是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的不足:

数据规则需要按照cat-vue的思路,返回字段需要符合cat-vue的标准。

对SEO不是很友好。