摘要: 代码链接 https://www.5axxw.com/questions/simple/37xmlj 效果图展示 全屏展示 阅读全文
posted @ 2024-07-31 13:00 羡仟 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 这两天一直在学习如何排版,开发一个网站,我运用了前几天所学的vue基本语法将网站的大致模样copy下来 这期间我查找了不少知识 比如照片如何在网页中不变性的缩放,通过研究我运用class固定结构和class="container"属性将组件固定形成此网页 阅读全文
posted @ 2024-07-30 18:14 羡仟 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 1.组件保持存活 正常组件用按钮切换后被切换的组件会被销毁重建,而KeepAlive标签可以保持被切换的组件不被销毁 例如:数据一被切换为新数据,切换组件后再切换回来还是新数据,若未用KeepAlive标签,切换组件后再切换回来还是数据一 2.异步组件 同步:有多个功能A/B/C时,功能运行是先运行 阅读全文
posted @ 2024-07-26 10:56 羡仟 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 实现切换的功能 component :is="变量" 显示变量名那个组件 阅读全文
posted @ 2024-07-25 17:25 羡仟 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 1.组件生命周期 它有八个重要时期 生命周期函数 创建期:beforeCreate created 挂载期:beforeMounte mounted 更新期:beforeUpdate updated 销毁期:beforeUnmount unmount 其中销毁期不轻易出现 2.组件生命周期的应用 一 阅读全文
posted @ 2024-07-25 17:07 羡仟 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1.插槽基本格式 双标签内写内容 子级页面插入标签即可 2.插槽具名 套用标签 在标签内以v-slot:自定义名/#自定义名 形式绑定子页面的标签 标签内以name="自定义名" 形式体现父级页面绑定内容 3.父级数据与子级数据同时出现在页面当中 一 在标签内用v-slot="自定义名" 二 用插槽 阅读全文
posted @ 2024-07-25 14:35 羡仟 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 1.组件事件 形式为:父级页面中格式——引入子级页面import xx from 'url' <xx @事件名="函数名" /> 子级页面中格式——添加点击事件<button @click="自定义函数"> 自定义函数(){ //自定义事件 this.$emit("事件名","文本内容") } 2. 阅读全文
posted @ 2024-07-25 11:54 羡仟 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 1.组件注册 全局注册:注册完后所有vue都能使用 局部注册:仅当前页面能够使用 全局注册虽然方便但有以下几个问题 一.在打包时会将它一同打包,有时候没有用到它也打包,无任何意义 二.课维护性低,在大型项目中使项目的依赖关系不明确 2.组件传递数据_props 父级传递子级数据(注意传递数据只能父传 阅读全文
posted @ 2024-07-25 11:40 羡仟 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 组件嵌套关系 利用组件结构完成嵌套 建立以下vue 将Header.vue Main.vue Aside.vue 引入 App.vue中 Article.vue引入Main.vue,Item.vue引入Aside.vue中 Header.vue代码: <template> **<div class= 阅读全文
posted @ 2024-07-24 17:46 羡仟 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 组件组成 组件结构 引用组件(必须写,不写子组件无法运行 页面不显示) 注入组件(必须写,不写子组件无法运行 页面不显示) 阅读全文
posted @ 2024-07-24 17:44 羡仟 阅读(4) 评论(0) 推荐(0) 编辑