10 2023 档案
摘要:组件的自定义事件 1.一种组件间通信的方式,适用于 子组件 > 父组件(这里也可以使用 props 传递数据进行实现) 2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中) 3.绑定自定义事件: 1)第一种方式,在父组件中 <!--通过父组件给子
阅读全文
摘要:什么是网络存储 在HTML5之前,开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后,提供了一种新的客户端本地保存数据的方法,那就是Web Storage,存储内容大小一般支持5MB左右(不同浏览器可能还不一样),它允许 Web 应用程序在用户浏览器中实现本地存储机
阅读全文
摘要:Todo-list 案例 组件化编码流程(通用) 1.拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突,如下所示 2.实现动态组件:要考虑好数据的存放位置,数据是要一个组件在用,还是一些组件在用 一个组件在用:放在组件自身即可 一些组件在用:放在他们共同的父组件上 3.实现交互:从绑定
阅读全文
摘要:我们先思考一个问题,如果对School 和 Student应用样式的话,一般是使用如下方式: src/components/School.vue <template> <div class="demo"> <h2>学校名称:{{name}}</h2> <h2>学校地址:{{address}}</h2
阅读全文
摘要:plugin插件 功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 src/plugins.js(定义插件) // 定义插件(默认暴露) export default { install(Vue){ conso
阅读全文
摘要:mixin 混入 功能:可以把多个组件共用的配置提取成一个混入对象 使用混合: 1)第一步,定义混入 新建一个JS文件,比如mixin.js src/mixin.js // 分别暴露 export const hunhe1 = { methods:{ showName(){ alert(this.n
阅读全文
摘要:props配置项 props 让组件接收外部传过来的数据 1)传递数据 这里需要注意,通过 age = "18"的方式,传递进去的数据是字符类型的,通过动态绑定 :age = "26" 的方式,传递进去的数据是整型类型 <!--这里需要注意,:age="26" 代表 v-bind动态绑定,传入的ag
阅读全文
摘要:ref 属性 ref 被用来给元素或子组件注册引用信息(id的代替者) 1)应用在 html标签上获取的是真实DOM元素,应用在组件标签上获取的是组件实例对象vc(VueComponent) 2)使用方式 打标识:<h1 ref="xxx"></h1> 或 <School ref=''xxx'></
阅读全文
摘要:将 24-Vue组件化编程-单文件组件 放到使用Vue脚手架创建的vue_test项目中 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存
阅读全文
摘要:LabelImg 是一个图形图像标注工具 它是用 Python 编写的,并使用 Qt 作为其图形界面。 注释以 PASCAL VOC 格式保存为 XML 文件,这是ImageNet使用的格式。此外,它还支持 YOLO 和 CreateML 格式。 配置环境 1)下载并安装Anaconda,在Anac
阅读全文
摘要:Vue脚手架 Vue脚手架是Vue官方提供的标准化开发工具(开发平台),官方文档:Home | Vue CLI (vuejs.org) 提前准备工作 这里,我首先安装了一个nvm(node的版本管理工具),可以通过nvm管理多个版本的node.js,解决node.js各种版本存在不兼容的问题 参考链
阅读全文
摘要:单文件组件一个文件中只包含有1个组件 组件名的注意事项 一个单词组成: 1)第一种写法(首字母小写):school 2)第二种写法(首字母大写):School,推荐 多个单词组成: 1)第一种写法(kebab-case命名):my-school 2)第二种写法(CamelCase命名):MyScho
阅读全文
摘要:非单文件组件 一个文件中包含有n个组件 非单文件组件的特点 1)模板编写没有提示 2)没有构建过程,无法将ES6转换成ES5 3)不支持组件的CSS 4)真正开发中几乎不用 Vue中使用组件的三大步骤 1. 定义组件(也就是创建组件) 2. 注册组件(这里有局部注册和全局注册) 3. 使用组件(编写
阅读全文
摘要:使用传统的方式编写应用 传统的方式,一般离不开前端的三大件(HTML、CSS、JS) HTML:HTML是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言,负责网页的架构 CSS:CSS是一种层叠样式表(级联样式表、样式表),是⼀种标记语⾔,负责网页的样
阅读全文