Vue学习笔记day05

最新推荐文章于 2024-06-06 16:53:37 发布
最新推荐文章于 2024-06-06 16:53:37 发布
阅读量154 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l1021351889/article/details/104564619
版权

监听文本框数据的改变

1.@keyup
在这里插入图片描述
2.watch
在这里插入图片描述

监视文本框用@keyup比较方便
但是watch可以监视路由地址的改变
在这里插入图片描述
3.computed属性监听
利用率高
在这里插入图片描述

这三种方式中，watch和computed都必须使用function，但是compated有返回值，而watch没有，compated必须拥有返回值，methods里面也是function，但是methods更注重业务逻辑的处理，里面可以写大量的业务逻辑。
在这里插入图片描述

nrm的安装和使用

在这里插入图片描述

webpack

在这里插入图片描述
webpack-dev-server常用命令
在这里插入图片描述
–open 自动打开页面
–port 设置端口号
–contentBase 设置打开的页面
–hot 热加载，自动刷新页面，并且不用再次的打包

html-webpack-plugin插件可以将页面也存放到内存中去，并且会生成一个存放内存中js的script标签

loader插件可以解析除js之外的文件类型
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用rander函数渲染组件

在这里插入图片描述

总结webpack中如何使用vue
在这里插入图片描述

ES6向外暴露成员的方法
export default 和 export在这里插入图片描述

咕咕林
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaWeb03-Vue学习笔记
08-22
Vue学习笔记 Vue是一个渐进式的JavaScript框架，用于构建用户界面。Vue的核心思想是将组件化的思想应用于前端开发，通过组件的方式来构建应用程序。 一、Vue简介 Vue是一个基于MVVM（Model-View-ViewModel）模式...
vue学习笔记vue学习笔记
08-14
Vue 学习笔记 本文档主要介绍 Vue 框架的基础知识点，包括 Vue 路由、CSS 样式、表单获取值、数据绑定、事件处理等。 一、Vue 路由 在 Vue 中， `<router-view/>` 是用来承载当前级别下的子级路由的一个视图标签...
Vue学习笔记day05总结
Gavid的博客
12-05 244
目录 1.Watch属性 1.1监听文本框数据的变化，出发对应函数   1.2 监听路由地址的改变 2.computed属性 3. watch、computed 和 methods 之间的对比 4. Webpack  4.1 webpack 的基本概念 4.2 webpack的安装 4.3 webpack 的基本使用  4.4 webpack-dev-server 配置命令 ...
vue学习笔记day05 条件渲染
weixin_39209728的博客
02-27 111
一 vue的条件渲染 v-if v-else-if v-else v-show v-if和v-show区别 1》v-show 没有v-else 2》v-show 不支持template 3》v-show 只是来做简单的切换（css=>display) 例子1 <!DOCTYPE html> &l...
小兔鲜Vue3 项目学习笔记Day05
不被定义的程序媛写的博客儿
05-27 835
Day05 文章目录Day05登录1. 整体认识和路由设置2. 表单校验实现3. 表单-统一校验4. 基础登录业务实现5. Pinia管理用户数据6. Pinia 数据持久化7. 登录和非登录状态下的模板适配8. 请求拦截器携带Token9. 退出登录功能的实现10. Token失效401拦截处理购物车1. 流程梳理2. 本地购物车-加入购物车功能实现3. 头部购物车列表渲染4. 头部购物车删除功能5. 头部购物车统计计算总结 登录 1. 整体认识和路由设置 准备模板 Login/index.vue &
vue学习笔记day2——组件基础
weixin_42833736的博客
08-23 184
vue组件思想，组件的构成以及组件的基本使用，黑马课程学习笔记
vue学习笔记day05 class和style的绑定
weixin_39209728的博客
02-27 156
一 vue的class 和style的绑定 1.class绑定 :class = "data数据中的值" 对象写法 :class = "{bg:true}" 显示属性 false 不显示 :class = "{bg:true,fz:true}" 数组写法 :class="[bg,fz]" ==>取data中数据中的值 2....
Vue学习day04笔记
m0_73158362的博客
06-06 641
style的默认样式是作用到哪里的？scoped的作用是什么？style中推不推荐加scoped？data写成函数的目的是什么？组件通信，就是指组件与组件之间的数据传递组件的数据是独立的，无法直接访问其他组件的数据。想使用其他组件的数据，就需要组件通信组件关系分类有哪两种父子组件通信的流程是什么？父向子子向父组件上 注册的一些 自定义属性1.非父子组件传值借助什么？2.什么是事件总线3.发送方应该调用事件总线的哪个方法4.接收方应该调用事件总线的哪个方法。
Vue学习day03笔记
m0_73158362的博客
06-05 630
day03 一、今日目标 1.生命周期 生命周期介绍 生命周期的四个阶段 生命周期钩子 声明周期案例 2.综合案例-小黑记账清单 列表渲染 添加/删除 饼图渲染 3.工程化开发入门 工程化开发和脚手架 项目运行流程 组件化 组件注册 4.综合案例-小兔仙首页 拆分模块-局部注册 结构样式完善 拆分组件 – 全局注册 二、Vue生命周期 思考：什么时候可以发送初始化渲染请求？（越早越好）什么时候可以开始操作dom？（至少dom得渲染出来） Vue生命周期：就是一个Vue实例从创建 到 销毁 的
Vue学习day02笔记
m0_73158362的博客
06-03 951
一、今日学习目标 1.指令补充 指令修饰符 v-bind对样式增强的操作 v-model应用于其他表单元素 2.computed计算属性 基础语法 计算属性vs方法 计算属性的完整写法 成绩案例 3.watch侦听器 基础写法 完整写法 4.综合案例 （演示） 渲染 / 删除 / 修改数量 / 全选 / 反选 / 统计总价 / 持久化 二、指令修饰符 1.什么是指令修饰符？ ​ 所谓指令修饰符就是通过“.”指明一些指令后缀 不同的后缀封装了不同的处理操作 —> 简化代码 2
Vue学习day01笔记
m0_73158362的博客
06-03 428
概念：Vue (读音 /vjuː/，类似于 view) 是一套 **构建用户界面 ** 的渐进式框架基于数据渲染出用户可以看到的界面所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点所谓框架：就是一套完整的解决方案举个栗子如果把一个完整的项目比喻为一个装修好的房子，那么框架就是一个毛坯房。我们只需要在“毛坯房”的基础上，增加功能代码即可。提到框架，不得不提一下库。库，类似工具箱，是一堆方法的集合，比如 axios、lodash、echarts等。
vue学习笔记
11-22
vue学习笔记，刚开始学习vue，接触了一些基础，整理一下。
初学Vue(学习笔记 一) day one
01-20
Vue概述 Vue：渐进式JavaScript框架 声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建 Vue 的优点： 易用：熟悉HTML、CSS、 JavaScript知识后，可快熟上手 灵活：在一个库和一套完整框架之间自如伸缩 ...
Vue Markdonwn学习笔记
11-17
自己一点一点总结的笔记，概括全面，不要觉得贵，我真的总结的很全面，相当适合小白等初学者
简历模板简洁风简洁干练简历模板简历模板简洁风(简洁干练简历模板).zip
06-17
在求职的征途上，一份出色的简历是你通往梦想职位的敲门砖。我们精心准备了一系列面试求职简历模板，旨在帮助你以最佳形象站在潜在雇主面前。这些简历模板不仅设计精美，而且注重内容的清晰呈现，使招聘经理一目了然地看到你的能力和经验。 我们的模板集合了多种风格与布局，无论你是应届毕业生、职场跳槽者还是行业专家，都能在这里找到适合你职业形象的简历设计。每一个模板都经过精心设计，确保你的简历在众多求职者中脱颖而出，同时保持足够的专业度和可读性。 不仅如此，我们的简历模板易于编辑，你可以根据具体职位需求快速调整内容，展现你的个人优势和职业成就。使用这些模板，将大大提高你的面试机会，并帮助你更好地表达自己的价值和潜力。 别让传统且缺乏创意的简历阻碍你迈向成功的道路。立即下载这些精美的简历模板，让你的求职之路更加顺畅，向心仪的工作迈进吧！记住，一个良好的开始是成功的一半，而一份精致的简历，正是你成功的起点。
Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）
06-17
Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目） Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型。 Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）
navicat基础操作教程
06-17
Navicat 是一款广泛使用且功能强大的数据库管理工具，它能够连接和管理多种数据库系统，例如 MySQL、MariaDB、Oracle、PostgreSQL、SQLite 等[^1^][^3^][^4^][^5^][^7^][^9^][^10^]。自2001年以来，Navicat 已成为全球超过500万名数据库用户的优选[^1^]。它提供了多达7种语言供客户选择，并且被公认为全球最受欢迎的数据库前端用户界面工具[^1^]。 Navicat 的特点包括强大的数据库连接能力、直观的用户界面、多种功能模块以及数据同步和转换能力[^3^]。它还提供了数据库设计和建模功能，帮助用户规划和设计数据库结构[^3^]。Navicat 适用于多种平台，包括 Microsoft Windows、MacOS、Linux 和 iOS[^1^]，并且可以让用户连接到任何本机或远程服务器[^1^]。Navicat Premium 版本允许用户在不同数据库系统间传输数据，并支持批处理作业的计划和执行[^1^]。 Navicat 的功能包括但不限于数据迁移、操作工具、查询编辑、数据库设计器、数据可视化工具、数据
protobuf-3.12.4-cp37-cp37m-win_amd64.whl
最新发布
06-17
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
尚硅谷vue学习笔记
08-18
很高兴回答你关于尚硅谷Vue学习笔记的问题！对于Vue的学习，尚硅谷提供了很多优质的学习资源和教程。下面是一些关键的学习笔记要点： 1. Vue基础：了解Vue的基本概念和核心特性，如Vue实例、模板语法、计算属性、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值