為什麼你還需要再 Test.vue

在另外 new 一個 vue 的 instance ?

如果你是 用 cdn 的方式的話

那應該很簡單

codepen

用 cli 的專案的話

我沒試過

不過大概可以透過在 main.js

掛上另一個 vue instance 來達到你的需求吧

不過我想不到有什麼理由需要這麼麻煩就是

正常的寫法應該是

<template>
  <div>
    <div>{{ messages }}</div>
  </div>
</template>

<script>
  export default {
    name: 'app',
    components: {},
    data() {
      return {
        messages: 'new message'
      }
    }
  }
</script>

而不會去掛另一個 instance

我覺得盡量透過 Vue 自己本身的方法去修改 data 的資料比較好
確實照邏輯來說資料應該要會被改變沒錯

但要知道 new Vue 這個產生 Vue 的實體的過程 包含

• template 解析
• 生成抽象語法樹
• 生成 render function
• 產生 v-DOM
• 資料掛載於 v-DOM
• v-DOM 掛載至頁面形成 real DOM
  (這就是為什麼載入頁面可能會閃一下的過程)

當然能夠外部呼叫也是 cdn 引入使用 vue 的優勢之一
但你呼叫前必須確保 以上步驟都已完成

若沒有比較特殊的需求 我認為還是寫在 created, mounted 這些生命函數中去改變 data 可能會比較合適

1.我沒測試,根據經驗你要的答案大約是:
vm.$data.messages = 'new message'; // change data

2.但以上的做法不是標準的vue寫法, 請思考"紅柿"大的說法。