Shulou(Shulou.com)06/02 Report--

Today, the editor will share with you the relevant knowledge points about which parts of a vue page are made up of detailed content and clear logic. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

A vue page consists of three parts: 1, template tag package interface display code (HTML code); 2, script tag package business implementation code (js script code); 3, style tag package interface layout code (css style code).

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

The composition of vue pages

A vue page is divided into three main parts.

Interface display code (it should be noted that there can only be one large div)

Export default {Business implementation Code}

Interface layout code (scoped solves css global pollution)

Html tags can be used in HTML:template as well as element-ui vant-ui components, which are more visual.

Js: in script: methods with property data components methods mounted computed binding, 8 lifecycles, and so on.

Css:scss less pretreatment, etc.

Vue family bucket

Vue-cli + vue2.0 + vuex + vue-router + axios + element-ui

Vue-cli is the scaffolding for quickly building vue projects.

Vue 2.0 is vue.js, a progressive framework for building user interfaces. Vue introduced vdom in version 2. 0. The vdom algorithm is based on the modification of the snabbdom algorithm.

The core of the application of vuex is store (repository). "store" is basically a container, which contains most of the states in the application. Vuex is not a simple global object, it is responsive, and can not directly change the state in store. Submission to be displayed

Vue-router is a routing tool in vue ecology, and single-page programs can be easily realized by routing.

Axios is the network request method. And axios-jsonp can solve cross-domain problems.

Element-ui is a set of vue2.0-based desktop component libraries for developers, designers, and product managers.

These are all the contents of the article "what are the parts of a vue page?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.