Учебная записка по Vue.js

(Подлежит редактированию)

Официальные документы: Vue.js (2.0)

CDN: https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.js

Прослушиватель событий:

в HTML поместите директиву v-on для прослушивания событий DOM.

в javascript используйте новый метод для создания объекта Vue, затем используйте ключевое слово «el», чтобы назначить идентификатор/имя поля для прослушивания.

new Vue({
  el: '#list',
  data: {
    items: [
      { text: 'one', done: true },
      { text: 'two', done: false }
    ]
  },
  methods: {
    toggle: function (item) {
      item.done = !item.done
    }
  }
})

Синтаксис:

• чтобы получить компонент в массиве: используйте v-for = «переменная в целевом списке».
• Привязка HTML/CSS: v-bind: style=»‘background-color: ‘+color»
  (здесь цвет — это атрибут)
• Логическое выражение: v-if
• Создание событий: v-on
• v-component: Vue.component(tagName, options)