Документация

• Документация
• API (rus)

Vue.use({
    install: function(Vue, options) {
 
        Vue.mixin({
 
        });
 
}, {
    createComputed: true
});    	
 
var app = new Vue({
    // Используется в раннем связывании
    el: '#app',
    name: 'nameApp',
    //
    props: [
    ],
    //
    data() {
    },
    //
    methods: {
    },
    //
    computed: {
    },
    //
    watch: {
    },
    //
    components: {
    },
    // Событие перед созданием компонента
    beforeCreate() {
    },
    // Событие после создания компонента
    created() {
    },
    // 
    beforeMount() {
    },  
});

Vue.config - это объект, содержащий глобальные конфигурации Vue. Вы можете изменить свои свойства, перечисленные ниже, перед загрузкой приложения:

• Vue.config.silent = true
• Vue.config.devtools = true
• Vue.config.errorHandler = function (err, vm, info) { ... }
• Vue.config.warnHandler = function (msg, vm, trace) { ... }
• Vue.config.ignoredElements = [
  /^ion-/,
  'another-web-component' ]
• Vue.config.keyCodes = {}

• v-bind, : - Связывает HTML атрибут с переменными или методом (:href, :src), также можно применять java-script выражения
• v-on, @ - Методы (click, change, blur, etc) или в нативной декларации (onClick, onChange, onBlur)
  • click.modifiers
• v-model - Связывает входной параметр value и событие input (двусторонняя привязка)
• v-for - Конструкциия for для массива или для массива возвращенного методом

  <div :v-for="method in methods"></div>

• v-if - Конструкция if значение переменной или переменая возращаемоя методом (скрывает или показывает тэг)
• v-html - Вывод HTML
• v-show -
• :is - наименование компонента, если по какой-либо причине нельзя испозовать тег в качестве названия компонента

  <div :is="com1"><div>
  <!-- или -->
  <com-1></com-1>

• data: {}
• methods: {}
• computed: {} - Отслеживает переменные внутри методов декларированных в computed (возвращает значение)
• props: [] - Аналогично объявлению входящих в функцию параметрах
• wath: {} - Отслеживает изменение именованных как метод переменных
• template: "" -
• model: {}
• components: {} - Список копонентов
• filters: {} - Применяются для обработке в выводе {{ | filterName}}
• directives: {} - Методы представляют из себя директивы v-todo-focus, имена методов указываются без v-
  • Пример

    <input class="edit" type="text" v-model="todo.title" v-todo-focus="todo == editedTodo" @blur="doneEdit(todo)" @keyup.enter="doneEdit(todo)" @keyup.esc="cancelEdit(todo)">

• mountend: {} -

• this.$emit() - Вызов метода дочернего компанента
• this.$el - виртуальный дом
• this.$mount(selector) - При этом необходимо из app удалить указание елемента el
• this.$refs - Ссылки на реальный дом елементы

  • <element-name ref="">

• this.$resource - Сторонний модуль vue-resource (не входит в vuejs)
• this.$slots - Позмоляет передавать HTML, в качестве строки (В шаблоне необходимо использовать тэг <slot>, так - же он может быть именован <slot name="myslot">)

• beforeCreate
• created
• beforeMount
• mounted
• beforeUpdate
• updated
• beforeDestroy
• destroyed
• activated
• deactivated
• errorCaptured

• created - Компанент собран, но не помещен в дом