## 测试用

用于页面中展示信息。

### 基本用例1

随便更改
:::demo  除了必填的`title`属性外，你可以设置`description`属性来帮助你更好地介绍，我们称之为辅助性文字。辅助性文字只能存放单行文本，会自动换行显示。

```html
<template>
  <div class="testTitle">111</div>
</template>

<script>
export default {
  name: '',
  //页面引用的组件
  components: {},
  //父页面传递参数
  props: {},
  data() {
    return {};
  },
  //监控计算变量
  computed: {},
  //监听
  watch: {},
  //页面的构造方法
  created() { },
  //父页面定义方法给子页面inject调用
  providee() { return {} },
  //子组件调用注入到父页面providee
  inject: [],
  //dom加载完
  mounted() { },
  //页面的自定义方法
  methods: {}
};
</script>

<style scoped>
    .testTitle {
        color:red;
    }
</style>
```
:::

### 基本用例2

随便更改
:::demo  用例2展示

```html
<template>
  <div>222</div>
</template>

<script>
export default {
  name: '',
  //页面引用的组件
  components: {},
  //父页面传递参数
  props: {},
  data() {
    return {};
  },
  //监控计算变量
  computed: {},
  //监听
  watch: {},
  //页面的构造方法
  created() { },
  //父页面定义方法给子页面inject调用
  providee() { return {} },
  //子组件调用注入到父页面providee
  inject: [],
  //dom加载完
  mounted() { },
  //页面的自定义方法
  methods: {}
};
</script>

<style scoped>
</style>
```

:::

### 参数

| 参数 | 编码 | 插槽 | 默认值 |
| ---- | ---- | ---- | ------ |
| 123  | 321  | 456  | 654    |