首页 > 其他分享 >10/17 vue3

10/17 vue3

时间:2024-10-17 21:01:32浏览次数:5  
标签:10 17 渲染 reactive vue3 ref

主要学习了前端工程化 安装了node。js 会用vscode导入vite依赖,简单了解了各部分的作用
学习了xue的一些语法
插值表达式
{{}} 在里面可以放函数 数据名和对象调用的api

文本渲染命令 比如 v-text
v-html 可以识别文本的html代码
都要写在开始标签里

属性渲染 v-bind:属性名=“数据名” 可以省略只剩:

v-on 事件绑定
v-on:事件=“函数名()”后面还可以接.once ,.prevent 阻止组件的默认行为等修饰符
可以简写 比如@click

还有就是响应式 ref 和reactive
一个用于对象一个用于类 导入前要写import {ref} from 'vue'
ref的在script里加value template里不加
toRef 将reactive的某个转为ref属性

条件渲染 v-if v-else
v-show=“” 不同 数据为true展示 否则不展示 不展示的还在dom树中只是用css样式隐藏了

今天没做题

标签:10,17,渲染,reactive,vue3,ref
From: https://www.cnblogs.com/yanqiwen/p/18473059

相关文章

  • 「JOI 2017 Final」足球
    题目询问两个点之间的对小代价,自然想到最短路。我们发现当球在同一个点上的时候其实状态是不一样的。如果是一个球员运球到这个点,那么可以向四个方向运球。但是如果是这个球在踢球的过程中,是改变不了方向的。所以需要把一个点拆成五个点,分别表示在运球,向上,下,左,右踢球。连边有......
  • 20241016下午
    P1040启发式图染色问题(color)我们可以先想一棵树的情况,如下图所示但是显然这个节点数量是\(2^k\),我们可以考虑二分图,然后你推着推着就会发现一个建图方案具体来说,我们可以现在左边创建一个颜色为\(1\)的结点,然后我们想让颜色数量尽量多,我们直接在右边创建一个颜色......
  • 20241017 练习记录
    今天duel了一整天CF的题!虽然都是800-2000的……CF1131C平。开始其实就猜到结论了,但感觉很假就没想下去,还去写什么二分答案随机化,唐完了。结论题,维护双端队列,an从队头进,an-1从队尾,an-2从队头……以此类推,正确性显然。CF888D输!想复杂了……对k分类讨论计算即可......
  • 20222310 2024-2025-1 《网络与系统攻防技术》实验二实验报告
    一、实验内容1.使用netcat获取主机操作Shell,cron启动某项任务(任务自定)。PS:cron是linux下用来周期性的执行某种任务或等待处理某些事件的一个守护进程2.使用socat获取主机操作Shell,任务计划启动。3.使用MSFmeterpreter生成后门,利用ncat或socat传送到主机并运行获取主机Shell......
  • 20241017
    袜子分配(socks)我们可以考虑一下我们是怎么暴搜的,我们搜出一个\(2\timesn\)长度的序列,然后枚举每相邻两个数字,判断是不是合法的,那么也就是说,一个数字想合法,他必须精准的落在这个序列中的一个位置,那么概率是\(2\timesn-1\),有\(n\)对数字,那么期望就是\(n\div......
  • 知名服务-Samba服务漏东(CVE-2017-7494)
    Samba服务漏动原理说明CVE-2017-7494是一个Samba服务中的严重远程代码执行漏动,影响了Samba3.5.0至4.6.4/4.5.10/4.4.14之间未打补丁的版本。该漏动允许远程公鸡者在受影响的Samba服务器上执行任意代码,只要他们能够向SMB服务写入文件。公鸡者可以通过向Samba服务器上传一个特制的共......
  • Java中JDK8-17新特性的学习上
    JDK8-17新特性(第一部分)目录JDK8-17新特性(第一部分)Lambda表达式新的时间/日期API的使用optional类的使用接口增强Lambda表达式Lambda表达式是JDK1.8之后的一种语法,是一个匿名函数,是对匿名函数的简写形式,我们可以把Lambda表达式理解为是一段可以传递的代码(将代码像数据一样进行......
  • 10.17
    深入学习了文件上传功能。通过使用Servlet实现文件的上传.importjavax.servlet.ServletException;importjavax.servlet.annotation.MultipartConfig;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpS......
  • Maixpy k210开发板入门一
    Maixpyk210开发板入门一作者:福州大学切记我是一个温柔的刀客2024/10/171.Maixpydockk210背景Maixpy简介MaixPy是由Sipeed团队(中国深圳)开发的一个强大的嵌入式Python解释器,专为SipeedMaix系列开发板设计。它提供了丰富的功能和库,支持图像处理和机器学习,适......
  • vue3中的自定义hooks的使用,以及和mixin的区别
    1、理解hooks的概念:hook本质是一个函数,将setup函数中使用的CompositionAPI进行封装,类似于Vue2中的mixin2、mixin相比hook的缺点:(1)变量来源不明确(隐式传入),不利于阅读,使代码变得难以维护(2)同名属性、同名方法无法融合,可能会导致冲突3、例一:第一步:在src/hooks/index.js文件:imp......