在这个示例中,我们创建了一个Vue实例,并将其绑定到页面上的一个元素(id为"app")。通过data
属性,我们定义了一个名为message
的变量,并将其初始值设为"Hello, Vue.js!"。在页面上,我们使用双花括号语法({{ message }}
)将message
的值显示出来。通过methods
属性,我们定义了一个名为changeMessage
的方法,当点击按钮时,该方法会修改message
的值。由于Vue.js的响应式数据绑定机制,一旦message
的值发生变化,页面上显示的内容也会自动更新。