通用技术利用 K8S 技术栈打造个人私有云 (连载之：私有云客户端打造)

hansonwang99 · 2018年03月30日 · 1186 次阅读

封面图片

【利用 K8S 技术栈打造个人私有云系列文章目录】

Vue.js 初摸

本人对前端其实不是很熟悉，也是最近才接触。前端技术栈还是非常庞大的，为了能够借助已经存在的轮子来造出一辆车，所以我选择了 Vue.js 进行实践。

我觉得初学 Vue.js，掌握以下四个点应该基本就能上手干活了：

声明式地渲染
我所理解的 Vue.js 就是和 jQuery 一样是一个前端框架，它的中心思想就是数据驱动，像远古时代的老前辈 jQuery 是结构驱动，什么意思呢，以前我们写代码时常用$('.dom').text('我把值改变了')，这种写法先要获得结构，然后再修改数据更新结构，而 Vue 的做法直接就是this.msg="我改变了"，然后 msg 就会同步到某个结构上，视图管理抽象为数据管理，而不是管理 dom 结构了。
组件化的系统

组件树结构

基本可以理解为一个大的页面都是由一个个小的组件所堆积起来了，Vue 可以对每个小组件进行很好的描述，并写成.vue 格式的文件，正如上图所示。

客户端的路由
传统意义上的路由是由服务器端根据一定的 URL 规则匹配来返回给前端不同的页面代码，而实际上前端也可以根据锚点的方式实现路由切换，因此在 Vue.js 里面，只需我们去配置路由表实现锚点路由即可，与后端无关。
状态的管理
Vue 的状态管理依靠 Vuex 完成，用其来管理 Vue 的所有组件状态。
所谓的状态可以是诸如：
- sidebar 的打开与关闭
- theme 主题的切换
- cookie 的内容切换
- 当前登录的用户切换
- ...