# vue

# vue基础

el, 限制了vue接管DOM的一个范围
前端组件化, 提高复用和后期的可维护性，每个组件其实就是页面上的一个区域
vue生命周期函数, 就是vue实例在某一个时间点会自动执行的函数
- 初始化vue实例时，首先会初始化事件和生命周期，做一个基础的初始化，之后会调用beforeCreate, 之后会处理一些外部的注入和数据绑定，这一步vue实例初始化完成，会调用created, 之后会询问vue实例是否有el选项，即挂载点
组件, 全局组件, 局部组件
vm, 指vue实例对象
以$开头的属性，是vue的实例属性
计算属性与方法
- 计算属性会基于他们的依赖进行缓存，只有依赖发生改变，他们才会重新求值
- 而方法在每次触发重新渲染时，都会重新求值
- 如果没有缓存，我们将不可避免的多次执行计算属性的getter,而这个计算属性性能开销又比较大，那我们将会浪费很多性能
- 计算属性的 getter 函数是没有副作用 (side effect) 的，这使它更易于测试和理解。
vue侦听器
- vue 通过watch选项，来响应数据的变化
- 使用 watch 选项允许我们执行异步操作 (访问一个 API)，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的

immediate: true, //创建组件时，立马执行一次

value: {
      handler: 'doSomething',
      immediate: true
    }