从实例化组件访问目标

【问题标题】：Access target from a instantiated component从实例化组件访问目标
【发布时间】：2017-09-30 02:36:55
【问题描述】：

我有一个应用组件，我用它来实例化

const app = new App({
    target: document.querySelector('#app')
});

我还没有找到从 oncreate 钩子中的 App 组件到达目标节点的方法：

<script type="text/javascript">
    export default {
        oncreate() {
          console.log(/*target*/);
        }
    };
</script>

【问题讨论】：

标签： svelte

【解决方案1】：

有一个proposal 将options 对象作为参数传递给oncreate，所以你可以这样做：

export default {
  oncreate ( options ) {
    console.log( options.target );
  }
};

与此同时，您可以使用 refs 来做到这一点：

<div ref:myRef>...</div>

<script>
  export default {
    oncreate () {
      var target = this.refs.myRef.parentNode;
      console.log( target );
    }
  };
</script>

【讨论】：