我需要将名称为test1 的ref 集中起来，设置一些值，该值放置在组件槽中（从外部）。有可能以某种方式做到这一点吗？我尝试从 $refs 或 $slots 获取，但失败了。

应用程序.vue

    <template>
      <div id="app">
        <HelloWorld>
          <input type="text" ref="test1" />
        </HelloWorld>
      </div>
    </template>
    
    ```
    <script>
    import HelloWorld from './components/HelloWorld.vue';
    
    export default {
      name: 'App',
      components: {
        HelloWorld,
      },
    };
    </script>
    
    <style>
    #app {
      font-family: Avenir, Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      margin-top: 60px;
    }
    </style>

组件.vue

    <template>
      <slot></slot>
      <hr />
      <input type="text" ref="test2" />
    </template>
    
    <script>
    export default {
      name: 'HelloWorld',
      mounted() {
        this.$refs.test2.value = 'test 2 …

我开始使用这个伟大的编辑器.不幸的是我在这里遗漏了一个改进(来自NuSphere PhpED - 我曾经使用的过去编辑,这个理解)

例:

我有一个项目打开,我打开HTML文件,例如,我想知道一些ID,然后在CSS文件中,很容易通过暗示找到.当然,它的工作方式相反(用CSS和HTML创建一些东西然后通过耳语找到它很容易).

在这个崇高不起作用.有插件吗？谢谢(截图http://i.stack.imgur.com/v39O8.jpg)