学习黑马vue

项目分析

项目下载地址:vue-admin-template-master: 学习黑马vue

项目下载后没有环境可参考我的篇文章,算是比较详细:vue安装与配置-CSDN博客

安装这两个插件可格式化代码,vscode这个软件是免费的,官网: Visual Studio Code - Code Editing. Redefined

视频学习地址:Day1-02.拉取基础模板_哔哩哔哩_bilibili 

项目启动成功后长这个样子:

项目目录,当拿到一个vue项目时,先看src下的文件代码

项目布局

布局组件

setting.js解析

false

true

permission.js

VUEX

侧边栏显示隐藏控制

 

摸版中vuex的设计思想

  • 页面交互状态(折叠侧边栏-固定头部)使用全局状态Vuex
  • 根据功能拆分成不同的模块(modules)进行状态管理
  • 通过getters建立对于模块中属性的快捷访问

使用摸版中的icon图标

 

摸版图标实现思路

图标怎么运用到界面的?

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/276655.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java的内存图

明确:jre jdk jvm关系 (详细去看这篇文章) 三者的大致结构是这样的,简单来说就是JDK包含JRE,JRE又包含JVM的关系。如下图所示: 从图中可以看出JDK是整个JAVA的核心,包括了Java运行环境JRE(Java Runtime E…

MATLAB六轴机械臂机器人的动力学分析

1、概述 动力学以牛顿第二定律为核心,这个定律指出了力、加速度、质量三者间的关系。 质点动力学有两类基本问题: 一是已知作用于质点上的力,求质点的运动,这个就是正动力学。 二是已知质点的运动,求作用于质点上的力…

微服务实战系列之MQ

前言 从今天起,席卷北国的雪,持续了一整天,北京也不例外。这场意外的寒潮,把整个冬天渲染的格外cool。当然你可以在外面打雪仗、堆雪人、拉雪橇,也可以静坐屋内,来一场围炉煮茶的party。此刻,冬…

小白学爬虫:根据商品ID或商品链接获取天猫商品详情数据接口方法

小白学爬虫的方式可以按照以下步骤进行: 学习Python基础知识:首先需要掌握Python编程语言的基本语法和数据类型,了解Python的常用库和模块,例如requests库等。学习爬虫的基本概念:了解什么是爬虫、为什么需要爬虫、爬…

2023年【烟花爆竹储存】考试题及烟花爆竹储存报名考试

题库来源:安全生产模拟考试一点通公众号小程序 2023年烟花爆竹储存考试题为正在备考烟花爆竹储存操作证的学员准备的理论考试专题,每个月更新的烟花爆竹储存报名考试祝您顺利通过烟花爆竹储存考试。 1、【单选题】1.3级烟花爆竹成品装卸应在仓库安全出口…

小小手表探索更多 好玩伴也是好帮手

华为儿童手表 5X 不仅是孩子的好玩伴,也是家长的好帮手。全能形态让小小手表探索更多,高清双摄记录美好,离线定位随时掌握,绿色纯净守护成长,让孩子享受科技带来的安全与乐趣。

亚马逊鲲鹏系统可快速创建大量的买家账户

在数字时代的浪潮中,人们总是在寻找更便捷、高效的方式来完成各种任务,而亚马逊鲲鹏系统的出现,无疑为那些渴望拥有大批量买家号的人提供了一个全新的可能性。在这个系统中,注册买家号变得轻而易举,只需准备好一些必要…

智能养号新玩法:探秘亚马逊鲲鹏系统的AI一键养号

在亚马逊这个庞大的电商平台上,刚注册的买家号往往需要经过一段时间的“磨合”才能正式进行下单。为了提高账号的活跃度,亚马逊鲲鹏系统推出了一款颠覆性的AI智能一键养号工具,让养号变得更加轻松便捷。 对于刚注册的买家号而言,直…

ArkTS 任务统计页面

我们继续学习使用ArkTS实现一个任务进度的统计功能。 1.公共的组件、样式 class Task{static id: number 1// 任务名称name: string 任务${Task.id}// 任务状态: 是否完成finished: boolean false }// 统计的卡片样式 Styles function card(){.width(95%).padding(20).backg…

物联网终端设备众多,为何遥测终端机备受瞩目?

遥测终端机是一种用于数据采集、远程传输、数据存储与处理的综合体设备,已逐渐成为现代智能物联领域的焦点。遥测终端机集成了多种传感器与通信模块,能够实时采集各种环境参数,如温度、湿度、压力、流量等,同时支持无线通信&#…

基于径向模糊的体积光在Cesium中的应用

概述 当空间中包含足够稠密的光散射介质(例如气体分子和气溶胶)时,光源透过遮挡物的缝隙投射的光线打在空气中的尘埃上,产生散射进入到人眼中,这些光线看起来像是一道一道的光柱,被称为体积光。 在图形渲…

美易官方:道指续创收盘历史新高

美国股市周三继续上涨,道琼斯工业平均指数连续六个交易日收高,并再次创下收盘历史新高。尽管市场对全球经济增长放缓的担忧依然存在,但美国经济数据的强劲表现以及企业盈利的良好预期,使得投资者对股市的信心得到提振。 在今日的交…