写在vue页面外面的元素怎么和vue通信

如果你在Vue的模板之外有一些元素，你可以使用Vue的$refs属性将其引用到Vue组件中。$refs属性可以让你访问组件内部元素，并且可以在组件的方法中对其进行操作。下面是一个示例：

<template>
  <div>
    <h1>Hello World</h1>
    <div ref="myDiv">This is my div</div>
  </div>
</template>

<script>
export default {
  methods: {
    doSomething() {
      this.$refs.myDiv.innerHTML = 'This is my updated div';
    }
  }
}
</script>

在这个例子中，我们定义了一个名为“myDiv”的div元素，并使用$refs属性将其引用到Vue组件中。然后，在组件的方法“doSomething”中，我们可以使用$refs.myDiv来访问这个div元素，并更新它的内容。