# vue.js - overview
# documentation links
a guide to explain the main concepts behind vuejs
the API doc
a style-guide to avoid pitfall
# community
# articles
Demystifying Vue.js internals - medium.com/js-imaginea - 20180426
# project scaffolding
# 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
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>
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Build tools like Webpack or Browserify are mandatory to transform theses .vue files in something readable by the browser.
# routing
the official router, not embedded in the core vuejs package
# widget and design
a material design impl for vuejs
linked as :
<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
# state management
# official guide indications
# global event bus
non-parent / child communication
# vuex
inspired from Flux, Redux and the ELM Architecture.
# linting
# http management
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
$httpservice provided in AngularJS. Ultimately axios is an effort to provide a standalone$http-like service for use outside of AngularJS.