1. <html>
    2.   <head>
    3.   </head>
    5.   <body>
    6.     <div id="app">
    7.       {{title}}    
    8.     </div>
    10.     <div id="app2">
    11.       <input type="text" v-model="value2"></input>
    12.     <button type="button" @click="changeOtherVueTitle"> 设置 </button>
    13.     </div>
    14.   </body>
    16. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    17. <script>
    18.   var vue_app = new Vue({
    19.     //指定作用于那一个div
    20.     el:'#app',
    21.     //属性
    22.     data:{
    23.       title:'hello vue'
    24.     },
    25.   });
    27.   var vue_app2 = new Vue({
    28.     el:'#app2',
    29.     data:{
    30.       value2:''
    31.     },
    32.     methods:{
    33.       changeOtherVueTitle:function(){
    34.         vue_app.title = this.value2;
    35.       }
    36.     }
    37.   });
    38. </script>
    39. </html>