RuslanHolovko

var settings = {};

arr = [
    {name: 'Ruslan', age : '34'},
    {name: 'Andrew', age : '56'},
];

arr.forEach(el => {
    console.log(el.name)
    settings[el.name] = el.age

RuslanHolovko

var filmsLIst = []
function fetchFilms(counter){
  console.log(counter)
  fetch(`https://www.omdbapi.com/?s=comedy&page=${counter}&apikey=4b0ceb69`)
    .then(data => data.json())
    .then(resp => {
      console.log(resp.Search)
    
      resp.Search.forEach(el => {
        console.log(el);

RuslanHolovko

    $(document).on('click', '.mobile_phones-box', function() {
        $('.phone').slideToggle(400, function (){
            if ($(this).is(':hidden')) {
                console.log("closed");
            } else {
                $('body, html').animate({ scrollTop: 0 }, 300);
                console.log("open");
            }
        });
    });

RuslanHolovko

//data
data(){
  return{
    user:{
      name: 'Andrew',
      age: '20'
    }
  }
}

RuslanHolovko

//reactive property
this.$set(this.user, 'position', 'HR')

//not reactive
Object.assign(this.user, {'Weight' : '100'});

RuslanHolovko

new Vue({
  el: '#app',
  data: {
  	terms: false
  },
  computed: {
  	isDisabled: function(){
    	return !this.terms;
    }
  }

RuslanHolovko

// store.js

export default new Vuex.Store({

state:{
  tasks: JSON.parse(localStorage.getItem('tasks') || '[]')
},
mutations: {
  createTask(state, payload){
    state.tasks.push(payload);

RuslanHolovko

// create eBus variable in main.js
export const eBus = new Vue();

// import ebus to component
import {eBus} from '../main'

methods:{
  changeName () {
    //create custom event
    eBus.$emit('CHANGE_NAME', this.userName);

RuslanHolovko

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import Login from './views/Login.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,

RuslanHolovko

const mix = require('laravel-mix');

require('laravel-mix-polyfill');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps