19新版教育培训风格演示站

标题: vue 前端项目技术选型、开发工具、周边生态 [打印本页]

作者: Tommy子言 时间: 2019-1-11 16:34
标题: vue 前端项目技术选型、开发工具、周边生态

如果页面比较简单，可以只用 vue
如果需要本地路由功能，比如在单页面应用（SPA）中维持多个页面，并且可以本地控制路由跳转逻辑，这时就需要搭配使用 vue-router
一般稍复杂的页面都会遇到一些问题：组件之间的通信问题（比如 A 组件想要改变 B 组件的数据）、跨组件数据储存与共享问题（比如多页面购物车数据存储）。vue 本身并不能很好的解决这个问题，需要搭配使用 vuex

使用一个现成的 UI 框架，可以少写很多代码。

目前比较推荐的是：

element ui：饿了么出品
iview：一套很棒的 UI 框架
vuetify：google 材质设计的实现
vux：移动端 UI 框架
mint-ui：移动端 UI 框架
vue-material：另一个 google 材质设计的实现
muse-ui：移动端 UI 框架
vant：移动端 UI 框架

服务器端渲染用得最多的是 nuxt.js。

nuxt.js 有目录结构、书写方式、组件集成、项目构建等的约束，整个应用中是没有 html 文件的，所有的响应 html 都是 node 动态渲染的，包括里面的元信息、css, js 路径等。渲染过程中，nuxt.js 会根据路由，将首页所有的组件渲染成 html，余下的页面保留原生组件的格式，在客户端渲染。

更多参考：细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr）

欢迎光临 19新版教育培训风格演示站 (http://47.100.112.22/demo/train/)