Stage 5 3. Micro Services [online] studies _day02 CMS front-end development _01-vuejs research -vuejs Introduction

1. What vue.js that?
VUE (pronunciation / vjuː /, similar to the view) is a progressive frame for constructing user interfaces. The other frame difference is large, Vue designed
to be applied from the bottom up layer by layer. Vue core library focus only on the view layer, is not only easy to use but also easy to integrate third-party libraries or existing project. The other
hand, when used in conjunction with a modern tool chain and various support libraries, Vue also fully capable of providing drive for complex one-page application.
Progressive frame: Progressive, lightweight vue.js description refers to a front end projects can use one or two vue.js entire project characteristic may be used
vue.js.
Application layer by layer from the bottom up: a progressive framework to achieve the objective of the project is to facilitate incremental development.
Reference: HTTPS: //cn.vuejs.org/v2/guide/
2, Vue.js and ECMAScript
Vue does not support IE8 and below, because the Vue uses ECMAScript 5 properties IE8 can not be simulated.
What is ECMAScript?

ECMAScript (referred to as ES) is a specification, we usually say Js / Javascript is to achieve the ECMAScript, ES3 early main application, when
former major browsers support ES5, ES6, ES8 was released in 2017 .
ES6: HTTP: //www.ecma-international.org/ecma-262/6.0/
ES7: HTTP: //www.ecma-international.org/ecma-262/7.0/

3, Vue.js use
1) using the script in html page introduction vue.js libraries can be used.
2) Use Npm manage dependencies, use webpack packaging tools for vue.js application packaging.
This program is recommended for large applications.
3) Vue-CLI scaffolding
use vue.js CLI scripts provided by the official stand is easy to create vue.js engineering prototype.
4, vue.js What are the features?
1) rendering declarative
core Vue.js is to allow the use of a simple declarative syntax template to render data into the DOM system.
For example: using an interpolation expression vue.js anywhere on the Dom, the difference between the value of the expression would be rendered in Dom.
2) conditions of the circulating
dom may be used to provide a v-if vue.js, v-for labels and the like, to facilitate determination of the data cycle.
3) two-way data binding
Vue provides instructions v-model, it can easily realize bidirectional Dom binding between elements and data objects, i.e., modify the value of the element is automatically modified Dom bind
a given data object, modify the value of the data object is automatically modified Dom value elements.
4) handling user input
to allow users to interact with your application, we can add an event listener with v-on instruction, as defined in Vue instance by calling its
method
5) component-based application builder
vue.js can define a a component, in reference to the component vue page, this feature is ideal for building large applications.