Vue全家桶之Vuex

Vuex是什么?

Vuex 我姑且称之为vue老爷的管家

刚开始学vuex的时候,它给我的感觉类似于cookie、local Storage这种东西。使用时给我带来最方便的就是让组件传值变得更加方便了。

官方把vuex称为状态管理模式(State Management Pattern)。

vue-06-vue路由

vue-router

引包vue-router.js

1
2
<script src="./lib/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

vue-05-vue组件

vue组件

啥是组件?为了拆分vue实例的代码量,能够让我们以不同的组件,来划分不同的功能模块,将来需要什么样的功能,就去调用对应的组件 。

组件化和模块化的不同:

  • 模块化:按照代码逻辑来划分成不同的模块,方便代码分层开发,保证每个模块功能的单一。
  • 组件化:按照UI界面进行划分,方便UI组件的重用。

vue-04-vue动画

vue动画

使用过渡类名实现动画

  • v-enter
  • v-enter-active
  • v-enter-to
  • v-leave
  • v-leave-active
  • v-leave-to

设置动画

vue-03-品牌案例及其延伸

品牌案例

  • 详见 code 文件夹

vue 调试工具vue-devtools插件的安装和使用

过滤器

  • Vue.js允许自定义过滤器,可被用作常见的文本格式化。过滤器用在两个地方:

vue-02-指令和属性

v-cloak 属性

解决插值表达式闪烁问题

  • 在标签中加入v-cloak属性

  • 设置v-cloak的样式

vue-01-vue介绍

Vue介绍

vue作者:尤雨溪

  • 09年 angular 13年 reactjs 14年 vue.js诞生
  • 核心概念:
    • angular
      • 模块化 (用来细分代码)
      • 双向数据绑定 (脏检测:一个数组($watch))
    • vue
      • 组件化 (更细分)
      • 双向数据流 (是基于ES5中的 defineProperty 来实现)
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×

// tidio机器人助手