不要在多个 .vue 文件中混用 id，而是将其包装在 ref 对象中，防止 id 冲突

局部样式

仅限于 vue.js 框架

<style scoped>
    .number button{
        margin-left: 10px;
        margin-right: 10px;
    }
</style>

此时所有的 css 属性只作用于当前的 vue 组件，作用原理是给当前元素一个唯一属性，并且在 css 中自动加上这个属性：

<h2 data-v-5d57c539=""><\h2>

标签 ref 属性

通过 ref 属性，可以直接访问子组件的公开方法、属性或 DOM 元素，通过标签的 ref 属性，可以拿到组件的实例引用

<h2 ref="title">hello</h2>

let title = ref()

如果是 DOM ，ref 对象拿到的就是 DOM，如果是组件，则拿到 component 组件实例对象

组件 ref 属性

对组件添加 ref 属性：<person ref="test"/> 如果要在父组件输出子组件的对象内的属性信息，需要在子组件内导出允许查看的属性：

defineExpose({
	title
})

展示为：