wendyzhaogogo/frontendexample

vue学习

什么是Vue？

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

vue介绍视频5分钟

Vue传统开发方式的问题

1. 模块之间的依赖管理困难
2. 样式全局污染

VueCli开发方式

基于nodejs构建工具webpack的官方脚手架解决方案，提供了更舒适高效的开发方式

1. 轻松的依赖管理
2. 样式私有化解决方案
3. 热更新
4. webpack提供了 样式预处理、js转码、文件压缩、项目打包 的功能

Vue开发中的常见使用

1. v-if v-show
2. v-for
3. v-model
4. class style 的动态绑定
5. watch computed mixin
6. 父子组件通讯 $emit :prop

Vue中的常用组件

1. Vue-Router 路由组件
2. Vuex 全局状态管理器
3. axios http请求解决方案
4. 一些第三方组件库 elementUi ant-design
5. *keepAlive 可以将组件缓存起来，重新加载时可以读取历史数据
6. *transition 一种渐变动画组件