Vue CLI 4.x 项目结构介绍

.gitignore

babel.config.js

package.json

package-lock.json

Vue项目目录

node_modules

vue_router

vue

src

assets

log.png

main.js

import  {createApp} from 'vue'

import  App from'./App.vue'

App.vue

<template>      <div id=\"nav\">             <router-link to=\"/\">Home</router-link>|             <router-link to=\"/about\">About</router-link>      </div>      <router-view/></template>

views

Home.vue

<template>         <div class=\"home\">                  <img  alt = \"Vue  logo\"  src=  \"../assets/logo.png\">                  <HelloWorld  msg =\"Welcome to Your Vue.js App\

components

HelloWorld.vue

<template>          <div  class=\"hello\

About.vue

<template>         <div   class=\"about\">         <h1>This is an about page</h1>         </div></template>

createApp(App).use(router).mount('#app')

import  router  from  './router'

router

外框

index.js

export  default  router

public

favicon.ico

index.html

<div  id=\"app\"></div>