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 185
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
自己一点一点总结的笔记，概括全面，不要觉得贵，我真的总结的很全面，相当适合小白等初学者
华为HCIA-WLAN 3.0 课程视频（38 WLAN配置应用-Web.mp4）
06-18
适用于参加华为HCIA-WLAN考核的技术人员。 最新3.0 课程视频，一共59集。
protobuf-3.20.2-cp37-cp37m-macosx_10_9_x86_64.whl
最新发布
06-18
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
grpcio-1.0.2-cp35-cp35m-win32.whl
06-18
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
小程序版深度学习CNN训练识别飞行器分类-不含数据集图片-含逐行注释和说明文档.zip
06-18
本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 如果有环境安装不会的，可自行网上搜索如何安装python和pytorch,这些环境安装都是有很多教程的，简单的 环境需要自行安装,推荐安装anaconda然后再里面推荐安装python3.7或3.8的版本，pytorch推荐安装1.7.1或1.8.1版本 首先是代码的整体介绍 总共是3个py文件，十分的简便 且代码里面的每一行都是含有中文注释的,小白也能看懂代码 然后是关于数据集的介绍。 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 在数据集文件夹下是我们的各个类别,这个类别不是固定的，可自行创建文件夹增加分类数据集 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01数据集文本生成制作.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集 运行02深度学习模型训练.py,
尚硅谷vue学习笔记
08-18
很高兴回答你关于尚硅谷Vue学习笔记的问题！对于Vue的学习，尚硅谷提供了很多优质的学习资源和教程。下面是一些关键的学习笔记要点： 1. Vue基础：了解Vue的基本概念和核心特性，如Vue实例、模板语法、计算属性、指令等。 2. 组件化开发：学习如何创建和使用Vue组件，掌握组件之间的通信方式，包括props和事件。 3. 路由管理：学习使用Vue Router实现前端路由，实现单页应用的页面跳转和导航。 4. 状态管理：掌握Vuex的使用，实现全局状态管理和数据共享。 5. 表单处理：学习如何使用Vue表单指令和表单验证，处理用户输入和表单提交。 6. HTTP请求：了解Vue中常用的HTTP库，如axios，进行数据的异步请求和处理。 7. 生命周期：理解Vue生命周期钩子函数的执行顺序和作用，掌握组件的生命周期管理。 8. Vue3新特性：了解Vue3的新特性，如Composition API、Teleport、Fragments等。 尚硅谷还提供了一些实战项目，如电商平台、博客系统等，可以通过完成这些项目来巩固所学的知识。 以上是一些关于尚硅谷Vue学习笔记的要点，希望对你有所帮助！如果有更具体的问题，欢迎继续提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值