首页vue-admin-template讲解

vue-admin-template讲解

时间: 2023-10-23 08:31:13 浏览: 116

vue-admin-template

vue管理模板 English | 具有Element UI，axios，iconfont，权限控制和lint的最小vue管理员模板现场演示： : 当前版本是在vue-cli上构建的v4.0+ 。如果要使用旧版本，可以将分支切换到，它不依赖于vue-cli 构建设置 # clone the project git clone https://github.com/PanJiaChen/vue-admin-template.git # enter the project directory cd vue-admin-template # install dependency npm install # develop npm run dev 这将自动打开建造 # build for test environment npm run build:stage # build for

在vue-admin-template项目中，入口文件是项目的入口。在入口文件中，我们可以看到当前使用的是mock数据，同时全局挂载了element-ui以及在vue的实例中挂载了路由和store(vuex)。接下来的步骤是讲解路由。使用vue router的第一步是需要一个路由表，并将路由表加载到路由实例中，最后导出路由实例。在路由表中，包括path(访问的路径)、component(此路由对应的组件)、hidden(是否在界面显示此路由)、meta(设置路由的属性，如图标等)、name(路由名称)、children(该路由下的子路由)等信息。对于组件的概念，可以暂时理解为一个界面。在vue-admin-template中，登录界面的组件名称是Login。当在路由表中配置了该路由的信息后，可以根据对应的path来访问该路由。以上是关于vue-admin-template的简要讲解。123 #### 引用[.reference_title] - *1* *2* *3* [详细分析 vue-admin-template](https://blog.csdn.net/qq_41291945/article/details/107748231)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

阅读全文