目录 1：使用props的作用： 2：props自定义属性的用法： 3：集合v-bind使用自定义属性： 4：props自定义属性是只读的： 5：default默认值： 6：type值类型： 7：required必填项校验： 1：使用props的作用： props是组件的自定义属性，在封装通用组件的时候，合理使用props可以极大的提高组件的复用性！它的语法格式如下： exportdefault{ //组件的自定义属性 props:['自定义属性A','自定义属性B','其他自定义属性...'], //组件的私有数据 data(){ return{} } } 2：props自定义属...

问题描述：富文本框复制粘贴未走上传图片接口，会将复制的图片解析为base64编码，为了控制这种情况可选择禁用粘贴图片，或者监听有复制粘贴的图片走上传图片接口 获取到 quill 对象，可以通过 refs 或者 Quill 对象的 getInstance() 方法获取。 注册 paste 事件处理函数，通过事件对象的 clipboardData 属性获取剪切板中的内容，判断是否存在图片，如果存在则阻止默认行为。 最后在组件销毁时需要记得解除事件处理函数。 <tem...

目录 1：组件中的关系 2：父向子传值 3：子组件向父组件共享数据 4：兄弟组件数据共享 1：组件中的关系 在项目中使用到的组件关系最常用两种是，父子关系，兄弟关系 例如A组件使用B组件或者C组件或者BC组件都使用了，那么A组件就是BC组件的父，BC组件是A组件的子，BC组件就是兄弟关系。 2：父向子传值 父子组件之间的数据共享 一个组件（父）中导入了两外一个组件（子）使用自定义属性，定义props在子组件中，共享数据  在App.vue组件中使用Left组件，父组件向子组件传值，在父组件中定义需要传的数据，子组件中定义props接收父组件的数据 3：子组件向父组件共享数据...

目录 获取dom： 1：目标标签-添加ref属性 2：恰当时机，通过this.$refs.xxx，获取目标标签 获取组件： 1：目标组件-添加ref属性 2：通过this.$refs.xxx，获取目标组件 作用：利用ref和$refs进行获取dom元素或者组件实例 特点：查找范围->当前组件内（更精确稳定） 获取dom： 示例代码：导入echarts图表通过ref获取dom将图表呈现在该dom元素中 <template> <divclass="base-chart-box"ref="baseChartBox">子组件</div> </tem...

问题：页面的echart图表在浏览器缩放屏幕比例时无法随着屏幕的比例自动改变大小 解决方式： 可以通过监听窗口的resize事件，并在事件回调函数中重新调整图表的大小。 <template> <divref="chartContainer"style="width:100%;height:400px;"></div> </template> <script> importasechartsfrom'echarts'; exportdefault{ name:'MyComponent', data(){ return{ char...

目录 1：生命周期和生命周期函数的概念 2：组件创建的过程 3：组件创建阶段beforeCreate，created，beforeMount，mounted生命周期函数。 3.1：beforeCreate方法示例： 3.2：created周期函数示例： 3.3：created生命周期函数使用场景： 4：组件运行阶段的生命周期 5：组件销毁阶段的生命周期 1：生命周期和生命周期函数的概念 生命周期：是指一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段。 生命周期函数：是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按照次序执行。 注意：生命周期强调的是时间...

目录 1：组件之间的父子关系 2：使用组件的三个步骤 3：components组件的是私有子组件 4：在main.js文件中使用Vue.component全局注册组件 1：组件之间的父子关系 一：首先封装好的组件是不存在任何的关系的，每个封装好的组件彼此都是独立的。 二：在使用组件的过程中根据嵌套关系，可能形成兄弟关系或者父子关系如图所示（APP这个组件中用到了组件Left和组件Right，Left和Right组件与App组件就形成了父子关系，Left和Right组件就是兄弟关系）。   2：使用组件的三个步骤 一：在哪些组件中需要用到哪些组件就使用import语法导入需要的...

目录 1：组件样式冲突问题 2：导致组件之间样式冲突的根本原因是： 3：问题演示 4：通过设置scoped解决组件之间样式冲突问题 5：设置scoped解决组件样式冲突的原理 6：使用deep修改子组件的样式 7：/deep/的应用场景 1：组件样式冲突问题 默认情况下，写在.vue组件中的样式会全局生效，因此很容易造成组件之间的样式冲突问题。 2：导致组件之间样式冲突的根本原因是： 单页面应用程序中，所有组件的dom结构，都是基于唯一的index.html页面进行呈现，每个组件的样式都会影响index.html中的dom元素。 3：问题演示 App.vue组件中注册了私有组件Left.v...

目录 1：计算属性的作用 2：代码示例 3：特点 4：好处 1：计算属性的作用 计算属性指的是通过将属性经过运算，最终得到一个属性值，这个属性值可以在method节点下和模板结构中被使用。 2：代码示例 需求：将内容属性超过长度50的部分做...处理 computed:{ //测试计算属性 testComputed(){ //判断数据区域内的属性内容是否大于五十 if(this.article.content.length>50){ returnthis.article.content.slice(0,50)+'...'; }else{ returnthis.article.co...

首先打开ProjectStructure（项目结构）快捷键（Ctrl+Alt+Shift+S）   找到Modules（模块）发现想要创建的模块已经存在  选中存在的模块按（-）或者右键Delete删除，Apply一下即可  

目录 💂个人主页:​​爱吃豆的土豆​​ 💬如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦 🏆人必有所执，方能有所成！ 🐋希望大家多多支持😘一起进步呀！ ​​1，负载均衡原理​​ ​​1.1：负载均衡原理​​ ​​1.2：源码跟踪​​ ​​1）LoadBalancerIntercepor​​ ​​2）LoadBalancerClient​​ ​​3）负载均衡策略IRule​​ ​​4）总结​​ ​​1.3：负载均衡策略​​ ​​1.3.1：负载均衡策略​​ ​​1.3.2：自定义负载均衡策略​​ ​​1.4：饥饿加载​​ 1，负载均衡原理 1.1：负载均衡...

目录 ​​1，同集群优先的负载均衡​​ ​​2，实例服务的权重配置​​ ​​3，环境隔离​​ ​​3.1：创建namespace​​ ​​3.2：给微服务配置namespace​​ ​​4，Nacos与Eureka的区别​​ 1，同集群优先的负载均衡 上一章节中，已经配置了两个集群，在提供方创建了三个实例服务，在消费方创建了一个实例服务， 提供方三个实例对象：分别属于BJ,JS集群   配置消费方集群在JS，修改消费方的application.yml文件中配置，配置集群JS(如下图)   目的：就是消费方配置和提供方两个实例服务的集群吻合，查...