# day06

**Repository Path**: gao-yanfeng/day06

## Basic Information

- **Project Name**: day06
- **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-11-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 插槽

插槽有 具名插槽 域名插槽 作用域插槽

具名插槽 <slot name="title"></slot>

域名插槽<slot></slot>

作用域插槽

<slot name="title" :title=title></slot>

### props

最好写成一下样式

```javascript
props:{
	status:{
	type:String,//数据类型
	required:true,//是否必传
    validator:function(Value){
        return[
            'syncing',
            'synced'
        ].indexOf(value) !==-1
    }
}
}
```

### v-for

v-for 需要配合 key值来使用 key值不是只能写index

```javascript
v-for(item,index) in list :key="item.id"
```

v-if 和 v-for 不要用在一起  v-if的优先级更高

 

### vue混入mixin

##### 逻辑

假设我 A组件 和 B组件 中有相同的一些方法和处理逻辑 ,这时候为了不写重复的代码 可以看情况使用混入mixins

混入尽量不要在全局使用

#### 过滤器filters



[过滤器自己看 ](https://cn.vuejs.org/v2/guide/filters.html)



#### 计算属性computed

[计算属性computed 自己看](https://cn.vuejs.org/v2/guide/computed.html)