vue proofs Third, the structure and configuration of the package vue projects

Automatically configured with configuration package, the package structure is fixed with vue-cli created project.

 

For a detailed explanation, plenty online, saying only that the most important elements

 

1.vue project package structure and port configuration

  Here I got a HBuilderX to write code.

 

  

 

2.vue development of what to write?

  vue written in mainly .vue documents, such as App.vue file. FIG schematic configuration described as follows:

 

  

 

   Vue load the file written in the main.js file brief analysis below:

   

 

   It seems careful and localhost current access: 8080 pages content is not on, then continue to look at what is written on the routing file:  

  

 

   Here, routing documents identify the root path to load a component called HelloWorld, and this component already exists in the components, the rough look

  

 

   The structure of this file and the file before App.vue description is the same, respectively, by template, scrpit and style configuration, not elaborate

 

 Specifically how to write, say below

 

Guess you like

Origin www.cnblogs.com/liuyuhangCastle/p/11074631.html