随笔分类 -  架构师之路-java

1 2 3 4 5 ··· 11 下一页
摘要:文章目录 前言本节内容1、`computed` 的 `getter方法`实现两种方式知识 - 小细节A、 `this.msg.split('').reverse().join('')` 示例效果 2、【实例】 返回数据对象拼接示例效果 3、【实例】 点击事件触发 更改数据 computed计算更改后 阅读全文
posted @ 2024-04-02 16:42 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言本节内容1、`侦听器`1.1、【监听】基本的数据类型示例效果 1.2、【监听】复杂数据类型示例效果 one more thing 前言 上节,我们学习了 Vue指令之v-model双向数据绑定 点击进入上一节 本节内容 侦听器场景:异步操作(开销较大) 1、侦听器 虽然计算属性在大多数 阅读全文
posted @ 2024-04-01 11:24 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言本节内容1、`v-model`2、`总结`v-model 双向的数据绑定双向数据流(绑定) v-bind 和 v-model 的区别? 3-1、`实战` `<input>`A、 `输入框 type="text"`示例效果 B、 `单选按钮 type="radio"`示例效果 C、 `复 阅读全文
posted @ 2024-03-28 23:56 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:v-model 阅读全文
posted @ 2024-03-26 23:57 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言 本节内容1、`v-on`使用`v-on`好处效果 2、事件修饰符2.1、按键码 (<font color =red>已废弃,不用研究)示例效果 3、`v-for` 列表渲染示例效果 前言 上节,我们学习了 Vue指令之v-text 、 v-html、v-if 、v-show、v-bi 阅读全文
posted @ 2024-03-25 20:04 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言 本节内容1、`v-text` 和 `v-html`代码效果 2、`v-if ` 和 `v-show`代码效果 3、`v-bind`3.1、用法:`v-bind:` + `属性` ,简写 `:`3.2、动态 attribute 名效果 3.3、内联字符串拼接效果 3.4、绑定 clas 阅读全文
posted @ 2024-03-24 18:00 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:文章目录 结论1、重复定义变量名var:允许重复定义变量名let和const:不可以重复定义变量名 2、修改值var:允许修改值let:允许修改值const:不允许修改值,会报错 3、变量提升var : 支持变量提升let和const:不支持,会报错 4、作用域var : 全局变量let: 局部变量 阅读全文
posted @ 2024-03-21 10:15 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:文章目录 准备开始适应人群vue 框架学习路线一、vue 基础1、历史介绍2、前端框架与库的区别? 二、vue的起步 和 插值表达式Stage 1:下载包,并放入项目中Stage 2:编码Stage 3:源码 与 效果 准备开始 适应人群 有一定的HTML/CSS/JavaScript+ES6+基础 阅读全文
posted @ 2024-03-19 17:22 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:脚手架原理之webpack启动服务器和处理sourcemap 启动服务环境 目前我们的webpack是没有服务环境的,那么如何启动一个web服务器呢?可以通过webpack-dev-server模块,下载使用即可。 npm install webpack-dev-server 安装好后,再packa 阅读全文
posted @ 2024-03-10 22:31 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:脚手架原理之webpack处理html文件和模块打包 为了更好的理解项目脚手架的使用,我们来学习一下webpack工具,因为脚手架的底层就是基于webpack工具实现的。 安装 webpack工具是基于nodejs的,所以首先要有nodejs环境,其次需要下载两个模块,一个是代码中使用的webpac 阅读全文
posted @ 2024-03-10 22:31 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:单文件组件SFC及Vue CLI脚手架的安装使用 Vue 单文件组件(又名 *.vue 文件,缩写为 SFC)是一种特殊的文件格式,它允许将 Vue 组件的模板、逻辑 与 样式封装在单个文件中。 为什么要使用 SFC 使用 SFC 必须使用构建工具,但作为回报带来了以下优点: 使用熟悉的 HTML、 阅读全文
posted @ 2024-03-10 22:30 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言 本节内容实现需求完整代码如下: 前言 上节,我们学习了 slot插槽,组件内容的分发处理 本节内容 本小节利用前面学习的组件通信知识,来完成一个仿Element Plus框架的el-button按钮组件实现。 仿造的地址:uhttps://element-plus.org/zh-CN 阅读全文
posted @ 2024-03-04 20:01 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言问题本节内容 插槽 slot>> 使用>> 效果 (前后相同) 插槽的特性实战> 实例 1:【作用域】根组件中渲染> 效果> 原因>> 实例 2:【具名插槽】即多个插槽> 效果>> 实例 3:【作用域插槽】插槽能访问子组件的数据> 代码> 效果 前言 上节,我们学习了 组件之间的通信, 阅读全文
posted @ 2024-02-28 18:04 随风落木 阅读(0) 评论(0) 推荐(0) 编辑
摘要:本书目录:点击进入 一、组件通信特征 1.1 特征一 : 不通过props接收属性,会直接挂载到组件容器上 > 实操 注释 props: ['title'] 前 注释 props: ['title'] 后 > 效果 1.2 特征二 : 不通过emits接收事件,会直接挂载到组件容器上 > 实操:在组 阅读全文
posted @ 2024-01-16 20:26 随风落木 阅读(21) 评论(0) 推荐(0) 编辑
摘要:本书目录:点击进入 一、组件之间为什么要做通信 二、组件之间通信方式 2.1、父传子:由传递属性实现 stage 1:申明 (即定义) stage 2:注册 stage 3:使用 【示例】:父组件将 title 和 count 传递给子组件 (普通数据 和 响应式数据的传递) > 代码 > 效果 2 阅读全文
posted @ 2024-01-16 20:24 随风落木 阅读(21) 评论(0) 推荐(0) 编辑
摘要:本书目录:点击进入 一、组件的概念 1.1、为什么要做成组件 1.2、【案例】评分组件与按钮组件的抽离过程 二、组件的使用 - 抽离结构 2.1、【案例】简易首页 > 效果 > 代码 - 原始 > 代码 - 组件抽离结构 > ​​​​​​​代码 - 测试响应式数据 三、组件的命名方式与规范 四、根组 阅读全文
posted @ 2024-01-15 19:55 随风落木 阅读(61) 评论(0) 推荐(0) 编辑
摘要:本书目录:点击进入 一、本章学习目标 二、课程安排 一、本章学习目标 Vue3组件相关概念掌握组件之间的通信封装一个可复用的组件单文件组件SFC:即.vue文件 = 样式 + 结构 + 逻辑脚手架的使用和底层实现机制工程化的认知 二、课程安排 组件的概念及组件的基本使用方式 组件之间是如何进行互相通 阅读全文
posted @ 2024-01-15 18:50 随风落木 阅读(4) 评论(0) 推荐(0) 编辑
摘要:本书目录:点击进入 一、总结内容 二、习题 2.1 【选择题】以下Vue指令中,哪些指令具备简写方式? 2.2 【编程题】以下Vue指令中,哪些指令具备简写方式? > 效果 > 代码 一、总结内容 了解核心思想,例如:MVVM设计模式、选项式API优势 了解Vue3各个选项的用法,例如:data、m 阅读全文
posted @ 2024-01-14 23:24 随风落木 阅读(5) 评论(0) 推荐(0) 编辑
摘要:本书目录:点击进入 一、【案例】搜索关键词加筛选条件的综合 1.1、逻辑 1.2、效果 1.3、json数据 - 02-data.json 1.4、代码 一、【案例】搜索关键词加筛选条件的综合 1.1、逻辑 计算属性 - 绑定list,并过滤 input 双向绑定 - 当input改变时,计算属性过 阅读全文
posted @ 2024-01-12 08:43 随风落木 阅读(19) 评论(0) 推荐(0) 编辑
摘要:本书目录:点击进入 一、组件生命周期概述 1.1 官方生命周期 1.2 钩子函数(回调函数) ▶ 生命周期可划分为三个部分(- >表示执行循序): 二、实战:测试生命周期流程 > 代码 > 效果 一、组件生命周期概述 每个组件在被创建时都要经过一系列的初始化过程——例如, 设置数据监听 编译模板 将 阅读全文
posted @ 2024-01-12 08:43 随风落木 阅读(65) 评论(0) 推荐(0) 编辑

1 2 3 4 5 ··· 11 下一页