Vue.js framework learning

How to learn VUE

The first step: learn ES6, ECMAScript also learned NodeJS by the way.

Step 2: How to learn ES6, watch Professor Ruan Yifeng's tutorial, first in Chinese and then in English, go online to see the ideas and practice.

  Difficulties: 1. Expansion of (five-star) functions, arrow functions , and many grammars

        setInterval(()=>)

      2, (five-star) Generator generator function , spend 10 hours or 2 days to understand

      3, (one star) object, class, object-oriented

      4. (one star) promise, core, WeChat development, nodejs

      5, (one star) modular

80% of the commonly used cores, get it!

 

Vue.js manual learning: understand in about 2 weeks.

 

Explanation of files and folders in the src directory

  1. Static resources are stored in the asset folder: pictures, css, js

  2. App.vue includes three parts: template, script, and style. Other vue files can be copied and modified. Export exports the module, and a name is required.

  3. Main.js imports the modules of each .vue file and instantiates vue

 

Suitable for scenarios: single-page applications, data-driven templates, frequent operations on DOM, (barrage system, WeChat application, online instant chat, previous page, next page, drawing game)

Not suitable for: OA, enterprise website (pure html development is faster)

Opening the single-page application interface for the first time will be slow, but once it is opened, the operation is as smooth as taking a plane. (The speed of opening depends on the speed of the Internet)

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325020147&siteId=291194637