VUE学习
文章平均质量分 68
Easonflowers
好好学习。天天向上
展开
-
后端Webapi+ 前端 vue-element-admin 学习笔记4
分析:目前这个版本的vue-element-admin的数据是取mock模拟的,所以要改成从后端webapi接口,去Sql的数据表中获取,后来的用户登陆菜单清单,也是如此。// 当设置 true 的时候该路由不会在侧边栏出现 如401,login等页面,或者如一些编辑页面/edit/1 hidden: true // (默认 false)如果从第一部分的vue 想要实现第三部分的内容,框架体系都要修改,如果是从 vue-element-admin版本,那么基本框架都有了,一般需要修改几个地方就能用了。转载 2023-12-08 16:33:37 · 118 阅读 · 0 评论 -
后端Webapi+ 前端 vue-element-admin 学习笔记3
笔记1 +笔记2之后,如果想要开始Vue的页面练习对应一个项目来说,v-loading 页面都是需要的 (就是查询、获取数据的等待期间的加载中提示页面)如图,就是蓝色那个类似圈圈的玩意,也可以自定文本 v-loading=“loading”,element-loading-text=“拼命加载中” 等等 ,建立一个独立的Vue组件,假设名字叫做 wrapper.vue建立好上面那个vue之后,再建立一个布局用的vue,将画面划分3个部分(上、中、下),统一管理布局页面。转载 2023-12-08 16:20:20 · 119 阅读 · 0 评论 -
后端Webapi+ 前端 vue-element-admin 学习笔记2
第一部分的Vue过于简陋,但是基本表面了,一个单vue页面的出现原理,后期需要经过下面几个部分的完善(1)Axios的封装(2)element-UI的引入(3)Vuex的store引入(4)路由守卫、动态路由的加持(5)Layout布局、导航页、 菜单栏、标签栏等第一部分中有一些知识是明确的,(1)Axios是发送请求 + 调用Webapi接口 + 返回数据处理。转载 2023-12-08 15:55:46 · 141 阅读 · 0 评论 -
后端Webapi+ 前端 vue-element-admin 学习笔记1
^/api’: ‘’ //这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用’http://40.00.100.100:3002/user/add’,直接写‘/api/user/add’即可。‘^/api’: ‘’ //这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用’http://40.00.100.100:3002/user/add’,直接写‘/api/user/add’即可。转载 2023-12-08 15:47:24 · 175 阅读 · 0 评论 -
[src-layout-components-Sidebar](侧边栏原理vue admin)
侧边栏的核心是将根据权限过滤后的 router 和 el-menu 组件进行映射,所以熟悉 el-menu 是理解 sidebar 的起点。sidebar 引用自 layout 组件,layout 组件位于 src/layout/index.vue。sidebar 组件源码位于 src/layout/components/Sidebar/index.vue。获取 keyPath 我们可以获取 1-4-1 菜单的所有父级菜单的 ID。item 组件通过定义 render 函数完成组件渲染。转载 2023-12-07 10:43:34 · 99 阅读 · 0 评论 -
[vue.config.js]:文件中配置lintOnSave: false,有什么用?
时,保存文件时不会自动执行代码检查,这可能会导致一些代码规范方面的问题不被发现。在 Vue CLI 创建的项目中,通常会使用 ESLint(或其他 linting 工具)来进行代码质量检查,以确保代码的规范性和一致性。是 Vue.js 项目配置中的一个选项,用于指定是否在保存文件时执行代码检查(linting)。,则在保存文件时会运行 lint 检查,并根据配置的规则对代码进行检查。,则在保存文件时不会运行 lint 检查,禁用 linting 功能。是一个可以控制是否在保存文件时运行 lint 的选项。转载 2023-11-29 10:38:04 · 569 阅读 · 0 评论 -
启动单文件组件项目及项目文件解释
比如说你加了lintOnSave:false,这个默认文件里是ture,你在这个文件中加上这句代码,这个代码就会去覆盖默认配置文件中的lintOnSave:true这句话。“package.json”:这个文件能记录当前项目中安装的所有模块,里面也有脚本,这个脚本可以快速启动我们的项目。src文件是模块化文件,都是上下级的关系,要用模块化文件,导入方式都是import方式。index.html:入口页面 ,浏览器的渲染页面,在文件中引入根组件,进行渲染。未来的单文件组件都集中在这个vue文件中,转载 2023-11-29 11:27:56 · 40 阅读 · 0 评论 -
20_Vue状态管理核心(Vuex)
【代码】20_Vue状态管理核心(Vuex)原创 2023-11-27 19:11:06 · 23 阅读 · 0 评论 -
[src-store-index.js]:require.context()的用法
【代码】require.context()的用法。转载 2023-11-27 18:47:01 · 24 阅读 · 0 评论