vue3 - 150

目录

      • vue优势
      • 使用方式
      • 编写vue代码
      • 指令
      • 响应式数据
      • 其他

vue优势

功能全面生态好,语法简洁效率高,免去 DOM 操作苦,开发重任一肩挑!

使用方式

1.通过cdn引入来将 Vue 应用到整个页面
在这里插入图片描述
2.或通过官方脚手架 create-vue来创建完整的vue应用
在这里插入图片描述

编写vue代码

单文件组件 - template,script,style,

指令

可替代dom操作
v-text:为标签设置纯文本内容,
在这里插入图片描述
v-html:可以生成标签结构
在这里插入图片描述
v-if:可以根据数据判断是否要渲染这个元素
在这里插入图片描述
v-for:渲染列表数据
在这里插入图片描述
v-on:设置事件
在这里插入图片描述

响应式数据

设置视图(组件的数据)动态更新,可以使用vue中提供的方法,将数据设置为响应式,

对于对象值可以使用reactive
在这里插入图片描述
对于不可变的原始值可以使用ref将其包裹为响应式数据
在这里插入图片描述
当这些响应式数据发生变化时,它会自动传递到模板的对应位置,组件将自动重新渲染,

其他

使用computed计算属性缓存数据
在这里插入图片描述
使用侦听器在数据变化时执行指定操作
在这里插入图片描述
可以使用官方路由管理工具 Vue Router 和状态管理工具 Pinia 进行路由和状态管理

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/8909.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

js之dom学习

在网页开发中,DOM(文档对象模型)扮演着重要的角色。它是 JavaScript 与网页内容交互的基础,同时也是实现网页动态性和交互性的关键。本文将介绍 DOM 的基本概念、操作方法以及一些实用技巧,帮助读者更好地理解和运用 D…

直播报名 | 珈和科技携手潍柴雷沃共探“现代农场”未来式

数据赋农季系列直播第四期,我们将以“未来农业发展趋势之农场智慧化、管理数据化”为主题展开,此次系列直播由珈和科技及湖北珞珈实验室共同主办,第四期直播很荣幸邀请到潍柴雷沃参与其中,双方将就智慧农服平台和数据交易SaaS平台…

基于PHP高考志愿填报系统搭建私有化部署源码

金秋志愿高考志愿填报系统是一款为高中毕业生提供志愿填报服务的在线平台。该系统旨在帮助学生更加科学、合理地选择自己的大学专业和学校,从而为未来的职业发展打下坚实的基础。 该系统的主要功能包括:报考信息查询、志愿填报数据指导、专业信息查询、院校信息查询…

Python-VBA函数之旅-round函数

目录 一、round函数的常见应用场景 二、round函数使用注意事项 三、如何用好round函数? 1、round函数: 1-1、Python: 1-2、VBA: 2、推荐阅读: 个人主页: https://blog.csdn.net/ygb_1024?spm1010.2…

04、Kafka集群安装

1、准备工作 首先准备一台虚拟机,centos7系统,先在一台上配置安装后,最后克隆成多台机器。 1.1 安装JDK (1)下载JDK,上传到 /root/software 路径 下载地址:https://www.oracle.com/cn/java/…

Kotlin版本的Gradle全局配置init.gradle.kts及参考文档

工欲善其事, 必先利其器。 文章目录 init.gradle.ktsGroovy版本的init.gradle其他有用的settings.gradle.ktskotlin 与 compose 版本对应关系agp 与 gradle 版本对应关系gradle下载器 直接在.gradle文件夹下添加文件init.gradle / init.gradle.kt for kotlin dsl. …

【PyTorch实战演练】使用CelebA数据集训练DCGAN(深度卷积生成对抗网络)并生成人脸(附完整代码)

文章目录 0. 前言1. CelebA数据集1.1 核心特性与规模1.2 应用与用途1.3 获取方式1.4 数据预处理 2. DCGAN的模型构建2.1 生成器模型2.2 判别器模型 3. DCGAN的模型训练(重点)3.1 训练参数3.2 模型参数初始化3.3 训练过程 4. 结果展示4.1 loss值变化过程4…

【算法】用存入下标的方法来巧解单调队列

前言: 本系列是看的B站董晓老师所讲的知识点做的笔记 董晓算法的个人空间-董晓算法个人主页-哔哩哔哩视频 (bilibili.com) C单调队列 P1886 滑动窗口 /【模板】单调队列 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) k为窗口的大小 维护最小值就是维护窗口内…

Linux —— 进程间通信

目录 一、进程间通信的介绍二、管道三、匿名管道四、命名管道五、system V进程间通信 一、进程间通信的介绍 1.进程间通信的概念 进程通信(Interprocess communication),简称:IPC; 本来进程之间是相互独立的。但是…

供应SKY85405-31思佳讯芯片

长期供应各品牌芯片: ATSAMG55J19B-AU MT5931A/B HS8298H DS90UB927QSQX/NOPB NVP2443I SMD3225 MAX9295A IP00C787 TMS320F28235PGFA ACPM-5501-TR1 AFEM-7738-AG1 AFEM-792503-AP1 ACPF-7041-TR1 ACPM-7833-TR1 AFEM-7613-TR1 HSMD-C150 QSMA-C2…

Elasticsearch的基本使用

Elasticsearch的基本使用 1.基本概念1.1 文档和字段1.2 索引和映射1.3 mysql与elasticsearch对比 2.索引库2.1 es中mapping映射属性2.2.es中索引库的增删改查 3.文档3.1 新增文档3.2 查询文档3.3 删除文档3.4 修改文档3.4.1 全量修改3.4.2 增量修改3.5 总结 4.DSL查询语法4.1 D…

【LLM第三篇】名词解释:RLHF——chatgpt的功臣

RLHF (Reinforcement Learning from Human Feedback) ,直译为:“来自人类反馈的强化学习”。RLHF是一种结合了强化学习和人类反馈的机器学习方法,主要用于训练大模型以执行复杂的任务,尤其是当这些任务难以通过传统的奖励函数来精…

CCF-Csp算法能力认证, 202303-1重复局面(C++)含解析

前言 推荐书目,在这里推荐那一本《算法笔记》(胡明),需要PDF的话,链接如下 「链接:https://pan.xunlei.com/s/VNvz4BUFYqnx8kJ4BI4v1ywPA1?pwd6vdq# 提取码:6vdq”复制这段内容后打开手机迅雷…

大语言模型LLM入门篇

大模型席卷全球,彷佛得模型者得天下。对于IT行业来说,以后可能没有各种软件了,只有各种各样的智体(Agent)调用各种各样的API。在这种大势下,笔者也阅读了很多大模型相关的资料,和很多新手一样&a…

深圳CPDA|如何利用数据分析改进业务流程,提高效率?

在当今数字化时代,数据已经成为企业决策和优化的关键资源。通过有效地收集、分析和应用数据,企业可以深入了解其业务流程中的瓶颈和问题,从而改进流程,提高效率。本文将探讨如何利用数据分析改进业务流程,并提高效率。…

Vue3+vite优化基础架构(3)--- 优化vue-i18n国际化配置

Vue3vite优化基础架构(3)--- 优化vue-i18n国际化配置 说明全部页面进行中英文使用测试中英文切换对ElementPlus里面的所有组件进行中英文切换 说明 这里记录下自己在Vue3vite的项目增加全局中英文切换按钮对页面进行中英文切换及同时对ElementPlus里面的…

练习题(2024/5/9)

1删除二叉搜索树中的节点 给定一个二叉搜索树的根节点 root 和一个值 key,删除二叉搜索树中的 key 对应的节点,并保证二叉搜索树的性质不变。返回二叉搜索树(有可能被更新)的根节点的引用。 一般来说,删除节点可分为…

第十二章 信息安全

这里写目录标题 1.防火墙2.病毒3.网络攻击4.网络安全 1.防火墙 认为内部网络安全,外部网络不安全 控制,审计,报警,反应 内部可以访问外部,外部不能访问内部 DMZ:存储公用服务器 发展阶段: 包过…

融知财经:期货在哪里可以交易?期货交易有哪些交易规则?

作为当前金融市场的一种投资方式,期货只适合一些投资者,比如想获得高收益的投资者,因为期货的风险系数很高。但是很多投资者还不知道期货的意思,在一个固定的交易场所,期货是买卖标准化商品或金融资产的远期合约的交易…