一、用Vue-Cli建立一个新项目
建立步骤
①搭建脚手架环境 打开CMD--->cnpm i vue-cli -g ( yarn global add vue-cli)
② vue -V
组件基础组件(component)，是具有 name 名称的可复用 Vue 实例：当前示例中是 <button-counter>。我们可以使用 new Vue 创建出一个 Vue 根实例，然后将这个组件作为其中的一个自定义元素(custom element)。由于组件是可复用的 Vue 实例，它们接收的选项，和在 new Vue 时候的
四. Vue CLI详解
原创
2022-09-13 12:22:09
293阅读
Vue中路由详解什么是路由？基本使用几个注意点多级路由（嵌套路由）路由的query参数命名路由路由的params参数跳转+传参 总结路由的props的配置路由懒加载```<router-link>```的replace属性编程式路由导航`$router`和`$route`的区别**1、route对象****2、router对象**缓存路由组件两个新的生命周期钩子路由守卫路由器的三种种
转载
2024-10-31 06:53:24
53阅读
## 科普文章：Redis 管理台
### 什么是 Redis 管理台？
Redis 管理台是一个用于管理 Redis 数据库的工具，它提供了图形化界面让用户能够方便地查看、操作、监控 Redis 数据库。通过 Redis 管理台，用户可以实时监控 Redis 数据库的状态、执行命令、查看数据、设置键值对等操作，大大简化了对 Redis 数据库的操作流程。
### Redis 管理台的使用
原创
2024-07-06 04:23:53
18阅读
wordpress 权限WordPress comes with a user role management system which defines what a specific user can and cannot do on your website. Knowing these user roles and permissions are essential as your
1、简介 绑定样式： 1. class样式 写法：class=”xxx” xxx可以是字符串、对象、数组 字符串写法适用于：类名不确定，要动态获取 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用 2. Style样式 :style=”{fontS
转载
2023-09-24 22:17:18
201阅读
刚开始看Vue官方文档的时候对插槽不是很理解，其实通俗点来讲，插槽就是在自定义组件中预留一个位置，这个位置的内容可以由使用组件的人来定义，具有高度的灵活性。1、使用场景 先来看看插槽的使用场景，否则可能连学习的欲望都没有了。插槽还是很重要的，即使不去定义，也要学会使用。 下面这
什么才是完美的表格二次封装elementPlus表格？-从零开始vue3+vite+ts+pinia+router4后台管理(7)前言ElementPlus 是一个优秀的组件库，后台管理表格页面多的话大家都想到表格的二次封装，封装的时候大家都想到el-table-column 每一列写成 “JSON 数组” 写法。然后用vue3的tsx 语法、h 函数 Render函数去写一些自定义的东西，如下面
转载
2024-10-02 09:51:07
24阅读
rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到r
Vue 虚拟列表是一种用于优化大型列表的渲染性能的技术。它通过只渲染可见部分的列表项，以及通过动态添加和删除DOM元素的方式来减少DOM操作，从而提高应用程序的响应速度和性能。Vue 虚拟列表的实现依赖于一些关键技术，包括虚拟滚动、缓存池和动态渲染。虚拟滚动是 Vue 虚拟列表的核心技术之一。它通过仅在屏幕上显示可见部分的列表项，而不是整个列表来减少渲染所需的时间和资源。虚拟滚动的实现涉及到计算列
转载
2024-10-30 16:22:36
105阅读
1.模板语法这两个部分操作的都是 data(){} 中的数据。1.插值语法插值语法： 把指定的值放到指定的位置。{{ js表达式 }}解析标签体内容2.指令语法v-bind:属性名="xxx" 单向绑定，数据只能从 data 流向页面，简写为 :一般用在标签属性中xxx为js表达式v-model:value="xxx" 双向绑定，数据不仅能从 data 流向页面，还能从页面流向 data，简写为
最近有一个上传视频到服务器的功能，然后发现视频太大了，比如1个G的视频文件基本都是上传失败的，我之前都是上传阿里云的，所以面对大文件上传服务器就做了分片上传和断点续传。首先解释什么是分片上传：比如一个文件是22M，我令5M为一片那么就可以分5片，一片一片上传给后端然后都上传完成开始合并这个文件。断点续传：还是以上面的例子，有5片小文件，比如我传第一片的时侯没问题，第二片，第三片因为网络啊什么的原因
vue2到vue3有哪些升级Vue3.0在架构上相比vue2.x做了升级，性能上得到了很大的提升，Composition API的出现，让组件抽离、逻辑代码复用更加灵活。一、Composition API: 组合API/注入API这里要说到代码的组织方式，传统的网页是html/css/javascript（结构/样式/逻辑）分离。vue/react通过组件化的方式，将联系紧密的结构/样式/逻辑放在
转载
2024-07-16 14:28:29
542阅读
研究DUBBO也已经大半年了，对它的大部分源码进行了分析，以及对它的内部机制有了比较深入的了解，以及各个模块的实现。DUBBO包含很多内容，如果想了解DUBBO第一步就是启动它，从而可以很好的使用它，那么如何更好的使用呢？就需要知道DUBBO的各个配置项，以及它可以通过哪些途径进行配置。个人对配置的理解，就好比时对动物的驯服，如何很好的驯服一头猛兽，那就需要知道它各种习性，从而调整，已达到自己期望
文章目录Gateway是什么三大核心Gateway工作流程Gateway的使用Gateway网关路由配置方式通过微服务名实现动态路由Predicate（断言）的使用Filter的使用 Gateway是什么Gateway是继Zuul后的新一代网关，官网：https://docs.spring.io/spring-cloud-gateway/docs/current/reference/html/S
全局安装 vue脚手架cnpm install -g @vue/cli vue create 创建 vue3的项目 cnpm install -g @vue/cli-init vue init webpack 创建 vue2的项目 vue init webpack vuecli2test
原创
2021-07-28 15:43:21
401阅读
日常开发者经常会遇到多层级嵌套组件，并且需要在最里面的子组件触发最外面的父组件事件，这种情况下当然最好的做法其实还是使用Vuex进行管理，如果你的项目使用Vuex进行管理了，后面就没必要看了。Vuex的相关内容请自行百度查阅。第一种：直接在子组件中通过this.$parent.event来调用父组件的方法
这种方式可以无限级别的向上找父级，例如：this.$parent.$parent.$pare
转载
2024-03-27 19:30:08
152阅读
使用 vue-lic3.0 快速构建项目安装前需要注意的地方：Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli&nbs
Vue实现单元表格，并且通过键盘移动高亮题目： 使用vue实现一个高度为10个单元格的表格，类似下图，默认左上角“实际尺寸”的第一个单元格高亮显示（样式不限） 功能要求：在“实际尺寸”单元格范围内，按下Enter键高亮色块向下移动一格，按下Tab键向右移动一格（越过“规定尺寸”单元格）考虑边界情况，例如已经移动到了最后一格，再按Enter键或Tab键，同样停留在最后一格 首先建立三个单元格<
