# homework-fe-04-02

**Repository Path**: sfljskeprim_admin/homework-fe-04-02

## Basic Information

- **Project Name**: homework-fe-04-02
- **Description**: No description available
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-14
- **Last Updated**: 2021-12-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Part4-模块2
1. 父传子有哪些方式
- 通过子组件的`props`选项接收父组件的传值，父组件通过`:属性名=“内容”` 给子组件传值，内容可以通过v-bind动态绑定数据
- 非props属性，当父组件给子组件设置了属性，但此属性在props中不存在，这时会自动绑定到子组件的根元素上

2. 子传父有哪些方式
- 子组件向父组件传值需要通过自定义事件实现，当子组件向父组件传值时会通过事件的方式触发响应，父组件监听事件进行操作，子组件数据变化时通过`this.$emit(‘’事件名”[,参数])`触发事件，父组件监听事件进行处理。
- v-model与子组件，需要通过props与自定义事件实现，$emit也可以触发内置事件`@input=“$emit(‘input’,$event.target.value)”` 触发事件告知父组件
- 通过EventBus 可以事件任意组件传值，EventBus通过一个新的Vue实例来管理组件传值操作，组件通过给实例注册事件、调用事件来实现数据传递。发送事件：`bus.$emit(‘事件名称’,参数)`，接收的组件注册事件：`bus.$on(‘’事件名称”,()=>{})`
- 通过$root   $refs 可以直接操作其他的组件，$root 用于访问当前组件的根实例，还提供了$parent  $children 用于便捷访问父子组件，$refs 用于获取设置了ref属性的HTML标签或子组件。


3. 如何让 CSS 只在当前组件中起作用
通过在<style  scope> 添加scope属性，当前组件的样式只在当前组件中生效。

4. keep-alive 的作用是什么
> keep-alive 组件主要用于保留组件状态或避免组件重新渲染，例如keep-alive 可以缓存动态组件切换的频繁重新创建的问题。keep-alive组件中存在几个属性，include 属性用于指定那些组价会被缓存，具有字符串、数组、正则几种设置方式，exclude 属性用于指定那些组件不会被缓存，max属性用于设置最大的缓存个数，采用LURCache 最近最少使用的缓存策略  

5. vue中如何获取DOM
> Vue 中推荐使用refs的方式获取DOM，通过给DOM标签设置`ref=“xx”`属性，Vue通过`this.$refs.xx.$el`可以直接获取到DOM元素  

6. 请说出 Vue CLI 项目中src目录每个文件夹的文件的用法
根目录：
	public：预览文件目录
	src:
		assets : 静态资源目录
		components: 项目组件目录
		Router: 路由配置目录
		App.vue : 跟组件
		main.js: 入口文件

#vue