# mooc_vue

**Repository Path**: webcc/mooc_vue

## Basic Information

- **Project Name**: mooc_vue
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-01
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue_mooc_sys_learn
[![EdisonChan/mooc_vue](https://gitee.com/webcc/mooc_vue/widgets/widget_card.svg?colors=4183c4,ffffff,ffffff,e3e9ed,666666,9b9b9b)](https://gitee.com/webcc/mooc_vue)

[![star](https://gitee.com/webcc/RnNavigation3.xByNavitvBase/badge/star.svg?theme=dark)](https://gitee.com/webcc/RnNavigation3.xByNavitvBase/stargazers)        [![fork](https://gitee.com/webcc/RnNavigation3.xByNavitvBase/badge/fork.svg?theme=dark)](https://gitee.com/webcc/RnNavigation3.xByNavitvBase/members)


## 渲染
![](http://book.52react.cn/20200301142140.png)

1.响应式   模板渲染    虚拟dom

2.执行render函数就触发touch 就是（getter）

3.收集依赖  然后存入 watcher里面

4.触发data更改后 触发 setter 利用 notify通知 Watcher 看看之前是不是已经处理过了，

5.处理过了 就触发 re-render（触发视图更新）


computed有何特点

缓存 data不变不会重新计算  优化性能

为什么组件data必须是一个函数
看似 export。default{}  是一个对象  vue是一个class类，我在使用组件的时候相当于对组件实例化vue，实例化的时候去执行这个data，如果data不是一个函数，那么每一个组件实例中的data都是一样的就共享了，如果是函数，组件实例化执行过程中data存在闭包之中，修改数据相互不影响


ajax放在哪个生命周期

mounted中   dom渲染完成
js单线程  ajax异步加载  再把数据


如何将组件所以的props传递给子组件？？

$props
```js
<User v-bind= "$props" />
```


何时需要使用keep-alive？

缓存组件 不需要重复渲染

如多个静态tab页的切换