使用Vue.js实现数据双向绑定

使用Vue.js实现数据双向绑定

var vm = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
});

console.log(vm.message); // 输出'Hello Vue.js!'

vm.message = 'Vue.js真棒！';

console.log(vm.message); // 输出'Vue.js真棒！'

在上面的代码中，我们使用Vue.js创建了一个包含一个message属性的实例。这个属性在HTML中绑定了数据，同时在JavaScript中也可以直接通过实例对象来访问和修改。这就实现了数据的双向绑定，让页面的数据和JavaScript代码中的数据保持同步。

除此之外，Vue.js还有很多其他的特性，如计算属性、过滤器、指令等等，使开发者可以更加方便和高效地开发Web应用。