# vue_test

**Repository Path**: hqbcn/vue_test

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-12
- **Last Updated**: 2024-07-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 笔记

## 脚手架文件结构
  ![img.png](assert/img.png)


## ref属性
    1.被用来给元素或子组件注册引用信息(id的替代者)
    2.应用在html标签上获取的是真实DOM,应用在组件标签上是组件实例对象(VC)
    3.使用方式
        打标识：<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></school>
        获取：this.$refs.xxx

  
## 配置项props
    功能: 让组件接收外部传过来的数据
      (1).传递数据
            <Demo name="xxx"/>
      (2).接收数据：
            第一种方式（只接收）：
                props:['name']
            第二种方式（限制类型）：
                props：{
                    name:String,
                }
            第三种方式（限制类型、限制必要性、指定默认值）：
                props:{
                    name:{
                        type:String, //类型
                        required:true,//必要性
                        default:'老王' //默认值
                    }
                }

        备注：props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告
             若业务需求确实要修改，那么请复制props的内容到data中一份，然后去修改data中的数据



## mixin(混入)
    功能：可以把多个组件共用的配置提取成一个混入对象
    使用方式：
        第一步定义混合，例如：
            {
                data(){....}
                methods:{....
            }
        第二步使用混合，例如：
            (1).全局混入：Vue.mixin(xxx)
            (2).局部混入:mixins:['xxx']

## Vue三种暴露
一般使用默认暴露，因为使用默认暴露在导入时，直接使用 import ??? from ??? 就可以了。但是使用分别暴露和统一暴露都需要这样写 import {???} from ???