vue项目结构介绍

一、vue项目

vue项目是一个单页面的程序，我们创建是一个一个组件，将组件添加到index.html中进行显示

二、目录说明

  

  README.md：

  node_modules：存放的是程序运行时需要的第三方的资源，可以删除，通过npm install安装

  package.json和package-lock.json：项目所依赖的第三方资源的配置信息，不需要修改，自动生成

  public：存放的唯一的页面

  src：开发操作的目录

    assets：图片

    components：各个页面中出现的公共部分

    router：存放路由的配置信息，url和vue文件的对应关系，每一个vue文件都需要配置相应的路由来跳转页面 

// @ 表示 ..
import xxxView from '@/views/xxxView.vue'
{
    path:'/url',
    component:xxxView
}

    views：编写页面的内容文件存放的位置

    main.js：程序的配置文件

    App.vue：入口组件，我们的vue文件在App.vue中呈现，加载到index.html中

      <router-link to="">：点击后链接的位置

      <router-view/>：vue文件中内容显示位置