# test

**Repository Path**: null_136_2133/test

## Basic Information

- **Project Name**: 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**: 2023-12-25
- **Last Updated**: 2024-01-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## ref属性
    1. 被用来给元素或子组件祖册引用信息（id的替代者）；
    2. 应用在html标签上获取的是真实DOM元素，应用在组建标签上是组建实例对象(Vc)
    3. 使用方式：
            打标识： <h1 ref='xxx'> ....<h1>
            获取：this.$refs.xxx
## 插件
    功能：用于增强Vue；
    本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后得参数是插件使用者传递的数据。
    定义插件：
        对象.install = function(Vue, options){
            //1. 添加全局变量过滤器
            Vue.filter(...)
            //2. 添加全局指令
            Vue.direcctive(...)
            //3. 配置全局混入（合）
            Vue.mixin(...)
            //4.添加实例方法
            Vue.prototype.$myMethod = fucntion(){...}
            Vue.prototype.$myProperty = xxx;
         }
    使用插件： Vue.use()

## 总结TodoList案例：
1. 组件化编程流程：
        （1）. 拆分静态组件： 组件要按照功能点拆分，命名不要与html元素冲突；
        （2）. 实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用；
            1）. 一个组件在用：放在组件自身即可；
            2）. 一些组件在用：放在他们共同的父组件上
        (3). 实现交互：从绑定事件开始；


全局事件总线：任意组件间通信；



2.发布订阅
    下载依赖包：npm i pubsub-js


3.安装第三方动态库 animate.css
    下载依赖包： npm install animate.css

4.安装axios
    npm i axios

5.安装vue-resource插件
    npm i vue-resource

6.安装vuex3
    npm i vuex@3

# test_demo

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).