[{"_1":2,"_46":-5,"_47":-5},"loaderData",{"_3":4,"_14":15,"_44":-5,"_45":-5},"root",{"_5":-5,"_6":-5,"_7":-5,"_8":9,"_10":11},"user","shoppingCartId","toast","locale","en","constants",{"_12":13},"paypalClientId","AenrHU49peF-ZUH-Yq7AXLLNZYGUGlml474U16NCjB4ZznmQCEjiliN3whyuVZmkb7VxEzmTALgtKEKE","routes/_store+/_readers+/email_author.$slug/route",{"_16":17,"_43":-5},"book",{"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMjk0Mzg","title","Manual do Vue.js","state","published","contactAuthorMethod","email","aboutText","

O Vue.js é, neste momento, um dos principais frameworks de JavaScript. A sua popularidade deve-se à elegância com que resolve os problemas do front-end, à simplicidade da sua abordagem e à excelente performance.

O \"Manual do Vue.js\" constitui um modo integrado de conhecer os aspectos fundamentais do Vue. A sua perspectiva ultrapassa o nível introdutório, mas procura explicar detalhamente muitos dos temas que encontramos no framework. As explicações são acompanhadas de abundantes exemplos.

O propósito em relação ao futuro é manter a informação do Manual sempre actualizado, à medida que o Vue.js vá evoluindo.

Conteúdos

1. Hello World!

O que é o Vue?
Duas formas de utilização
Ferramentas para o desenvolvimento local Instalação do Vue.js
Primeira aplicação
Propriedade “el”
Método $mount
Propriedade “data”
Interpolação

2. Fundamentos

Templates
Computed Properties
Watchers
Lifecycle Hooks
Render Functions
Versões do Vue

3. Directivas

v-if
v-show
v-text
v-html
v-bind
v-for
v-once
v-on
v-model

4. Componentes (I)

Componente global
Componente local Props
Props
Propriedade $attrs
Propriedade $props
Custom Events
Native Events
Propriedade $listeners
Slots
Slot único
Named slots
Default slot
Default slot content
Scoped slots
Dynamic components
Async components
Recursividade

5. Componentes (II)

$root
$parent
$refs e ref
Dependency injection
Programmatic Event Listeners
Vue.prototye
Outros templates

6. Formulários

axios
Data binding
Elementos “input”
text
textarea
checkbox
radio
select
Modificadores de v-model
Custom inputs
Valores pré-definidos
Validação e submissão
Submissão tradicional
Gravação sem submissão
Submissão sem submissão
Validação

7. Vue Router

Instalação
Hello World!
Criação do router
Criação das routes
Integrar com o Vue
Router link
Router View
Exemplo completo
Mode
Variáveis $router e $route
Argumentos
Path matching engine
Nestes routes
Props
Programmatic Navigation
Navigations Guards
Global
Per-route
In-Component Guards

8. Vuex

Solução simples
Hello Word
Store
State
Getters
Mutations
Actions
Módulos
Plugins

9. Single File Components

Node.js & npm
package.json
Instalação do Vue
webpack
Ficheiros “.vue”
Hello World!
webpack-dev-server e hot reload

10. Single Page App

O que é uma Single Page App?
Vue-cli 3
Hello World!
Criação do projecto
Estrutura de ficheiros
Configuração do webpack
Build
Deployment
Source Maps
web server

","authors",[30],{"_18":31,"_32":33,"_5":34},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8zMDc5Mg","name","Jorge Costa da Silva",{"_35":36},"avatar",{"_37":38,"_39":40,"_41":42},"url","https://d308did4coypzi.cloudfront.net/avatars/1325194/medium/foto_q.JPG?1538953407","styleName","medium","exists",true,"currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author