02 2023 档案
摘要：scoped样式： 作用：让样式在局部生效，防止冲突 写法：<style scoped>
阅读全文
摘要：功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第2个以后的参数是插件使用者传递的数据。 1、定义插件： 对象.install = function(Vue,options){ //（1）添加全局过滤器 Vue.filter(...) //（2）添加
阅读全文
摘要：功能：可以把多个组件共用的配置提取成一个混入对象 使用方式： 1、第一步：定义混合，例如： 2、第二步：使用混合（全局混合和局部混合） （1）局部混合 mixins:['XXX'] （2）全局混合 Vue.mixin('XXX') 引用了4遍:
阅读全文
摘要：功能：让组件接收外部传过来的数据 1、传递数据： <Demo name="XXX"/> 2、接收数据： （1）第一种方式（只接收）： props:['name'] （2）第二种方式（限制类型）： props:{ name:String } （3）第三种方式（限制类型、限制必要性、指定默认值） pro
阅读全文
摘要：ref属性 1、被用来给元素或子组件注册引用信息（id的替代者） 2、应用在html标签上获取的是真实DOM元素； 应用在组件标签上是组件实例对象 vc 3、使用方法： （1）打标识：<h1 ref="XXX"></h1> 或 <School ref="sch"></School> （2）获取：th
阅读全文
摘要：结构图： 一、项目结构说明 1、.gitignore ：git的忽略文件（哪些文件或文件夹不想接受git管理的，可在此文件配置） 2、babel.config.js：babel控制文件，ES6=》ES5 3、package-lock.json 和 package.json 文件 （1）package
阅读全文
摘要：1、VueComponent.prototype.__proto__ Vue.prototype 2、让组件实例对象（vc）可以访问到Vue原型上的属性、方法 图片如下： 案例： Vue.prototype.x=99 const vm = new Vue({ el:"#root", data:{ m
阅读全文
摘要：opencv-python环境安装：https://www.cnblogs.com/technicist/p/17138657.html 案例代码（批量压缩图像分辨率为原来的一半，例如2400*1398 可压缩至1200*699）： 注意：处理后的图像会保存到原来的目录下（替换掉原来的图像） imp
阅读全文
摘要：Vue中使用组件的三大步骤： 1、定义组件（创建） 2、注册组件 3、使用组件（写组件标签） 一、如何定义一个组件？ 使用Vue.extend(options)创建，其中options 和 new Vue(options)时传入的options几乎一样，但也有点区别 区别如下： （1）el不要写，为
阅读全文
摘要：1、使用Anaconda 的对应环境，查看环境中的Python版本号 (1)使用Anaconda 查看存在的环境：conda info --env (2)激活环境：conda activate XXX 2、根据版本号，下载对应的 python-opencv 包 （1）选择国内源的镜像下载并且离线安装
阅读全文
摘要：Vue生命周期图： 一、生命周期图的解读 new Vue（）:首先需要创建一个 Vue的实例对象 Init Events & Lifecycle :初始化：生命周期、事件（如：v-once）,但数据代理还未开始（vm._data还未创建） 1、第一对：beforeCreate() 和 create(
阅读全文
摘要：一、定义语法： （1）局部指令： new Vue({directives:{指令名：配置对象}}) 或 new Vue({directives:{指令名：回调函数}}) （2）全局指令： Vue.directive(指令名，配置对象) 或 Vue.directive(指令名，回调函数) 二、配置对象
阅读全文
摘要：v-once指令： 1、v-once 所在节点在初始化动态渲染后，就视为静态内容了 2、以后数据的改变不会引起v-once所在结构的更新，可用于优化性能 v-pre指令： 1、跳过其所在节点的编译过程 2、可利用它跳过没有使用指令语法、没有使用插值语法的节点，会加快编译 v-once案例： <hea
阅读全文
摘要：v-cloak指令： 1、本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉 v-cloak属性 2、使用 CSS配合v-cloak可以解决网速慢时，页面展示出{{XXX}}模板的问题 案例: 1、可能会出问题的写法： html: <h2 > {{name}} </h2> 调用网络上的Vue
阅读全文
摘要：v-html指令总结： 1、作用：向指定节点中渲染包含html结构的内容 2、与插值语法的区别： （1）v-html 会替换掉节点中所有的内容，{{}}则不会 （2）v-html 可以识别html 结构 3、特别注意： （1）在网站上动态动态渲染任意HTML是非常危险的，容易导致XSS攻击 （2）一
阅读全文
摘要：Vue 过滤器总结： 定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理） 语法： 1、注册过滤器： Vue.filter(name,callback) 或 new Vue{filters:{}} 2、使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = “xxx
阅读全文
摘要：From案例分析： 1、Html 部分： <form @submit.prevent="" style=" border: 1px solid rgb(109, 200, 253);background-color: aliceblue;padding:8px;margin:8px; width:3
阅读全文
摘要：一、Vue 更改数组中的值，页面不刷新问题 data{ hobby:["打游戏"，“想静静”，“发呆”] } 1、错误写法（页面不刷新）： this.hobby[0]="学习"； 2、正确写法（页面刷新）： （1）方法1，调用列表操作函数更新数组数据 ： this.hobby.splice(0,1,
阅读全文
