javascript - vuejs - overview

vue.js - overview

vuejs v2 - guide

a guide to explain the main concepts behind vuejs

vuejs v2 - API

the API doc

vuejs v2 - style-guide

a style-guide to avoid pitfall

community

forum.vuejs.org

State Of Vue 2018 - 20180327

articles

Demystifying Vue.js internals - medium.com/js-imaginea - 20180426

project scaffolding

vue-cli

vuejs/vue-cli

Current available templates include:

  • webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.
  • webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.
  • browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing.
  • browserify-simple - A simple Browserify + vueify setup for quick prototyping.
  • pwa - PWA template for vue-cli based on the webpack template.
  • simple - The simplest possible Vue setup in a single HTML file.

nuxt.js

nuxt/nuxt.js - github.com

The Vue.js Developers Framework

Vue.js Meta Framework to create complex, fast & universal web applications quickly.

single file components

Single File Components : vuejs.org

A single file containing html, js and css :

<template>
    <p>{{ greeting }} World !</p>
</template>

<script>
module.exports = {
    data: function() {
        return {
            greeting: 'Hello'
        }
    }
}
</script>

<style scoped>
p {
    font-size: 2em;
    text-align: center;
}
</style>

Build tools like Webpack or Browserify are mandatory to transform theses .vue files in something readable by the browser.

routing

vuejs v2 - router

the official router, not embedded in the core vuejs package

widget and design

vue-material (github)

a material design impl for vuejs

material icons

linked as :

<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">

state management

official guide indications

state management

global event bus

non-parent / child communication

vuex

vuex

inspired from Flux, Redux and the ELM Architecture.

linting

vuejs/eslint-plugin-vue

http management

Retiring vue-resource

As Vue users, many of you may have used vue-resource for handling ajax requests in your Vue applications.

However, over time we have come to the conclusion that an "official ajax library" is not really necessary for Vue.

solutions

axios is heavily inspired by the $http service provided in AngularJS. Ultimately axios is an effort to provide a standalone $http-like service for use outside of AngularJS.

examples

GitLab CE uses vue.js

results for ""

    No results matching ""