vue+elment后台项目学习

项目地址:https://www.cnblogs.com/taylorchen/p/6083099.html

一、运行项目

通过git下载代码,结构如下:

vue+elment后台项目学习_第1张图片

1、在该目录下运行npm i 下载依赖模块

vue+elment后台项目学习_第2张图片

2、执行npm run dev 运行项目

vue+elment后台项目学习_第3张图片

二、项目结构解析

1.main.js是我们的入口文件,主要作用是初始化vue实例并使用需要的插件。

import Vue from 'vue'
import App from './App'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  template: '',
  components: { App }
})

2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。





你可能感兴趣的:(软件开发)