# vue-primary

**Repository Path**: bcygsws/vue-primary

## Basic Information

- **Project Name**: vue-primary
- **Description**: vue2.x基础
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-09
- **Last Updated**: 2023-05-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# VUE 基础

## 组件的引入（全局和私有组件的引入）

### 组件定义的注意事项

-   组件中 data 必须是函数，包括全局组件和私有组件
-   组件模板中的顶层标签必须是单个根元素
-   组件中模板除了引号，也可以使用模板字符串的形式（模板字符串中引入子组件时，子组件可以是驼峰命名法的组件，例如：<HelloWorld></HelloWorld>，可以将 HelloWorld 引入到另一个组件中
-   当使用驼峰命名法命名组件时，只有在全局组件定义和模板字符串中引入子组件才能使用驼峰的方式；普通标签中只能使用短横线的方式

#### 解决一个关联问题（margin-top 塌陷问题）

-   子元素设置 margin-top,父、子元素上边距一起塌陷

##### 解决方法

-   父元素设置一个边框（border）,边框颜色选择背景颜色
-   父元素设置溢出隐藏，overflow：hidden;
-   父元素设置浮动，不推荐，会发生未知错误
-   父元素设置固定定位，position:fixed;
-   父元素设置布局为表格布局，display:table;
-   父元素设置一个伪元素。父元素添加有个类，clearfix；.clearfix::before{content:'';display:table;};