/vue-intro

First vue app

Primary LanguageVue

INTRO TO VUE JS

https://cli.vuejs.org/

Create new project

vue create my-project

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Practicing

  • Props
  • Primitive vs Reference types
  • Event (child to parents)
  • Events Bus
  • Life-cycle hooks

Life cycle hooks

  beforeCreate() {
    alert("Before create!");
  },
  created() {
    alert("Created!");
  },
  beforeMount() {
    alert("Before Mount");
  },
  mounted() {
    alert("Mounted");
  },
  beforeUpdate() {
    alert("Before update");
  },
  updated() {
    alert("updated");
  },
  • Slots
  • Dynamic components

HTTP request

npm install vue-resouce

  • Custom directives

  • Filters

    Filters and custom directive tambien pueden ser locales, es decir en una solo en un componente

  • Mixins

Routing

npm install vue-router --save
  • Hash vs History
  • Routes parameters