Vue 2.0 Hello World

by jacob hsu

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message1 }}</p>
  <p>{{ message2 }}</p>
</div>

JavaScript

var mixin = {
  created: function () {
    console.log('混入对象的钩子被调用')
    this.message1 = '混入对象的钩子被调用'
  }
}

new Vue({
  el: '#app',
  data: {
    message1: 'Hello Vue.js!',
    message2: 'Hello Vue.js!'
  },
  mixins: [mixin],
  created: function () {
    console.log('组件钩子被调用')
    this.message2 = '组件钩子被调用'
  }
})