# vue_2.0

**Repository Path**: feide-round-rumble/vue_2.0

## Basic Information

- **Project Name**: vue_2.0
- **Description**: vue_2.0:基础练习
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-13
- **Last Updated**: 2022-09-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

学习vue_2.0基础

## day01:

- MVVM(背会)

  - 是一种软件工程设计模式，包含三个模型
  - 第一个M代表 modle模型 泛指数据模型/对象
  - 第二个V代表 view视图 指的是DOM元素
  - 第三个VM 代表的是viewmodle 是一个进行数据和视图双向绑定的模型，当数据发生改变时渲染视图，视图发生改变时改变数据

- CDN(背会)

  - 是一种内容分发网络，依靠各地边缘部署的服务器实现。具有载荷均衡，分发内容，调度等核心功能。
  - 将服务部署在地理位置不同的服务器上，当发生服务请求的时候，会从最近的服务器请求资源。如果该服务器请求过多即将过载或宕机时，会自动跳转至其他服务器。

- 水平垂直居中(3种方式)

  - 第一种 flex 布局  
    - 给父盒子设置flex布局
      - display: flex;
        justify-content: center;
        align-items: center；

  - 第二种方式 绝对定位
    - position: absolute;
       top: 0;
       bottom: 0;
       right: 0;
       left: 0;
       margin: auto;

  - 第三种方式 绝对定位加过渡属性
    - position: absolute;
       top: 0;
       left: 0;
       transform: translate(-50%,-50%);

## day 02:

- date为什么是一个函数
  - 当组件多次复用时，会产生多个实例，所有的实例都使用data中的数据。如果此时data是一个纯粹的对象。那么所有的实例都将使用一个相同引用地址。在某一个实例中修改了data中的数据，那么其他的实例也会受到影响。
  - 此时data是一个函数，每次实例使用data都会返回一个全新的数据副本。实例组件之间不会相互影响。