# vue-demo

**Repository Path**: lin-ruiqiang/vue-demo

## Basic Information

- **Project Name**: vue-demo
- **Description**: lrq学习vue  加油加油!!多多学习华哥的思路
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, HTML

## README

#学习 vue 每日打分

 - 22.9.13 
   - 用时:2h   
   - 用vue2实现了todolist    所用的知识点:  vue脚手架搭建  父子组件通信   如何接收传递数据  watch深度监听  computed计算属性

- 22.9.20
  - 上课专注度  A-
  - 课间练习   A-
  - 晚自习   A+
  
  学习内容:
  
  - 过滤器: 全局过滤器 局部过滤器  用法 使用
  - 自定义Vue指令: 全局自定义指令 局部自定义指令   如何定义 如何使用   参数是什么  
  - 插件对象:  插件的作用  如何使用插件  插件的使用形式 1  和 2 都要掌握
  - 插件函数:  引入文件  如何引入好多东西想不起来 明天需要再看看
  - 生命周期函数 : 四个阶段 八大函数  完整版是五个阶段  每个函数什么时候开始执行要说的出来 各自的特点  在什么函数里初始化操作 开启定时器 发请求等  父子组件生命周期函数执行顺序 要清楚
  
  上面很多东西笔记还未总结 !!! 记得有时间总结
  
  - 今日综合评分 A
  
   
  
- 22.9.21 

  - 上课专注度 B
  - 课间练习  B-
  - 晚自习  A-

  学习内容:

  - todolist  
  - 组件通信的方法
    - props 传值 父传子 ; 传函数 子传父  props还可以批量传对象  v-bind="vue变量名"
    - 自定义事件  常见API  
      - `$on('自定义事件名', 事件函数)` 绑定自定义事件
      - `$emit('自定义事件名', 参数)`  访问自定义事件
      - `$once('自定义事件名',事件函数)` 绑定自定义事件 只能触发一次
      - `$off('自定义事件名',事件函数)` 解绑自定义事件
    - 事件总线 $bus 原理: 所有组件对象都能访问到Vue原型上的属性和方法 所以在Vue原型上设置事件总线  Vue原型上包含的事件处理方法 bus对象都可以访问到
    - pubsub  
      - `yarn add pubsub-js`
      - 引入pubsub `import PubSub from 'pubsub-js'`  传递和接收的组件才需要引入
      - 订阅 语法: `PubSub.subscribe('自定义事件名',事件函数)` 接收函数的参数需要注意  第一个参数是事件名用_占位
      - 传值 语法: `PubSub.publish('自定义事件名',参数)`
  - 评分 B