摘要: props配置项 功能:让组件接收外部传过来的数据 传递数据:<Demo name="xxxx" /> 接收数据: 1、只接收: props : [ 'name' ] 2、限制类型:props : { name : String } 3、限制类型、限制必要性、指定默认值 props : { name 阅读全文
posted @ 2024-01-14 16:20 喻聪 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 1 概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 2 何时使用 多个组件需要共享数据时 3 创建vuex环境 创建文件: src/store/index.js //引入Vue 阅读全文
posted @ 2023-12-27 18:54 喻聪 阅读(4) 评论(0) 推荐(0) 编辑
摘要: Vue中插槽slot 阅读全文
posted @ 2023-12-26 21:54 喻聪 阅读(3) 评论(0) 推荐(0) 编辑
摘要: Vue中常用的指令 v-bind 单向绑定,简写为"冒号" v-model 双向绑定 v-on 绑定事件监听,简写为@ v-show 条件渲染 写法:v-show="表达式" 适用于:切换频率较高的场景 特点:不展示的DOM元素未被移除,仅仅是使用样式 隐藏掉 <h2 v-show="false"> 阅读全文
posted @ 2023-12-25 20:22 喻聪 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 计算属性 1.定义:要用的属性不存在,要通过已有的属性计算得来 2.原理:底层借助了Object.defineproperty方法提供的getter和setter 3.getter函数什么执行? (1)初次读取时会执行一次 (2)当依赖的数据发生改变时会被再次调用 4.优势:与methods实现相比 阅读全文
posted @ 2023-12-24 14:16 喻聪 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 一、事件的基本使用 1.使用v-on:xxx 或 @xxx 绑定事件,其中 xxx 是事件名; 2. 事件的回调需要配置在methods对象中,最终会在vm上; 3.methods中配置的函数,不要用箭头函数!否则this就不是vm了; 4.methods中配置的函数,都是被Vue所管理的函数,th 阅读全文
posted @ 2023-12-23 16:00 喻聪 阅读(7) 评论(0) 推荐(0) 编辑
摘要: Vue模版语法有2大类: 1、插值语法 功能:用于解析标签内容 写法:{{xxx}},xxx是js表达式,且可以直接到data中所有属性 2、指令语法 功能:用于解析标签(包括:标签属性、标签体内容、绑定事件...) 举例:v-bind:href="xxx"或简写为 :href="xxx",xxx同 阅读全文
posted @ 2023-12-21 21:16 喻聪 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 1 vue是什么 2 谁开发的 3 Vue的特点 阅读全文
posted @ 2023-12-20 23:11 喻聪 阅读(5) 评论(0) 推荐(0) 编辑
摘要: Vue的生命周期 阅读全文
posted @ 2023-12-19 21:14 喻聪 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 路由: 理解:一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件 基本使用: 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编写rou 阅读全文
posted @ 2023-12-18 13:37 喻聪 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 一、组件与组件化 1 组件的定义: 实现应用中局部功能代码和资源的集合(html/css/js/image....) 2 为什么要使用组件: 一个界面的功能很复杂 3 使用组件的作用是什么: 复用编码,简化项目编程,提高运行效率 4 什么是组件化: 当应用中的功能是多组件来编写的,那这个应用就是一个 阅读全文
posted @ 2023-12-17 16:58 喻聪 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 一、创建脚手架: 第1步:创建脚手架的过程可能会比较缓慢,先配置nmp淘宝镜像可提升下载速度 npm config set registry https://registry.npm.taobao.org 第2步:仅第一次执行,全局安装@vue/cli npm install -g @vue/cli 阅读全文
posted @ 2023-12-16 15:45 喻聪 阅读(4) 评论(0) 推荐(0) 编辑
摘要: Consul使用 Access Control Lists(ACL-访问控制列表)来保护对UI、API、CLI、服务通信和代理通信的访问;ACL的核心是将规则分组为策略,然后将一个或多个策略与令牌相关联。 Consul使用token的形式进行安全控制访问,这里的token就是随机的字符串,有了tok 阅读全文
posted @ 2023-11-15 13:35 喻聪 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 先创建容器挂载目录: mkdir D:/docker_consul/config mkdir D:/docker_consul/datamkdir D:/docker_consul/log 在D:/docker_consul/config编写配置文件config.json的内容: { "bootst 阅读全文
posted @ 2023-11-15 11:03 喻聪 阅读(151) 评论(0) 推荐(0) 编辑
摘要: application.yml中配置如下: # 配置中心配置 spring: application: name: device-api cloud: consul: host: consul port: 8500 config: acl-token: c6a05ce4-ef63-8dcb-d120 阅读全文
posted @ 2023-11-14 18:04 喻聪 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 一、启动 启动server端 nohup ./consul agent -config-dir=/opt/consul/config & 启动指令说明 agent: Consul的核心进程,每个节点都需要代理的形式运行 -config-dir: 指定配置文件目录,Consul会自动加载里面所有jso 阅读全文
posted @ 2023-11-14 17:19 喻聪 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 1 为什么需要网关 传统的单体架构中只有一个服务开放给客户端调用,但是微服务架构中是将一个系统拆分成多个微服务,那么作为客户端如何去调用这些微服务呢?如果没有网关的存在,只能在本地记录每个微服务的调用地址。 无网关的微服务架构往往存在以下问题: 客户端多次请求不同的微服务,增加客户端代码或配置编写的 阅读全文
posted @ 2023-04-23 11:22 喻聪 阅读(243) 评论(0) 推荐(0) 编辑
摘要: Consul集群架构示意图如下: 数据中心(Data Center): Consul运行的节点集连接在一起称为数据中心;在数据中心中,各个Consul节点可以以服务器(Server)或客户端模式(Client)运行;为了保证可用性和高性能,通常一个数据中心内推荐3~5个服务器(不超过5个),客户端个 阅读全文
posted @ 2023-03-14 15:11 喻聪 阅读(563) 评论(0) 推荐(0) 编辑
摘要: docker服务操作命令: systemctl daemon-reload 加载配置 systemctl restart docker 重启docker服务 镜像命令: docker images 列出本机上的镜像 docker pull 镜像名称:[TAG] 拉取镜像 docker rmi 镜像I 阅读全文
posted @ 2023-02-09 11:16 喻聪 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 1 查看集合的条数 db.httpRequestLog.count(); 2 and查询 {$and:[{"requestUrl":"/sleep_reports/pad/report/upload"},{"requestParam.ring_sn":"P11E12210000035"}]} 3 o 阅读全文
posted @ 2022-11-10 10:20 喻聪 阅读(24) 评论(0) 推荐(0) 编辑