vue获取组件元素和inheritAttrs的使用

我的需求

有些时候，我们需要获取组件的DOM元素
有些小伙伴会说，这还不简单
直接使用this.$ref.xx不就可以了吗
我们来看一下，是不是我们想的那样简单

组件内容

使用组件的页面

现在的实际结果

我想在这个页面内，获取组件内的DOM元素
也就是获取

    我是页面测试一
    

实际上压根获取的就是这样的
我们并没有获取到组件内的DOM元素。
而是获取的是Vue的组件
那要怎么样才可以获取组件内的元素呢

解决办法使用$el

需求描述

有些时候我们需要封装组件
封装组件的时候，
我们需要属性直接设置在某一个指定的元素上。

组件

实际结果

属性结果直接被添加到跟元素上去了。
因为这个是vue规定的
我们如何让属性设置在指定的元素上面呢？
我们可以使用inheritAttrs

解决办法inheritAttrs的使用