代码示例
<html> <head> <!-- 引用jQuery --> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <!-- 引用Vue --> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script> <script> // 初始化代码: 推迟到页面加载完毕后执行 $(function () { var app = new Vue({ el: '#app', data: { name: 'Robot', age: 15 } }); // 把变量绑定到了window对象 window.app = app; }); </script> </head> <body> <div id="app"> <!-- 单向绑定 2种方法--> <p>Hello, {{ name }}!</p> <p>You are <span v-text="age"></span>years old!</p> </div> </body> <html>
在console终端中修改对象的属性