vue3基础学习(上)

##以前怎么玩的?

###MVC

Model:Bean

View:视图

Controller

##vue的ref reactive

ref:必须是简单类型

reactive:必须不能是简单类型

###创建一个Vue项目

npm init vue@latest

###生命周期

###setup相关

####Vue2的一些写法 -- options API

####Vue3的写法 组合式API

Vue3.2以后,退出语法糖

###响应式基础 -- 6个API

####reactive和ref

reactive比较大的限制:

--仅对对象类型有效(obj,arr,map,set)

####computed

computed注意事项:

1.计算函数不应该有副作用;

2.避免直接修改计算属性值

####readonly

####watch和watchEffect

#####watchEffect

1.第一次渲染的时候立即执行

2.接收一个回调函数作为参数,并且该回调函数内,如果有响应式变量,也会立即执行;

3.返回一个新的函数,我们可以当组件卸载时,停止监听;

4.回调方法内,有一个用于清除副作用的函数.

#####watch

watch功能和之前vue2watch功能一样.

 ###指令

####v-text

#####v-html

相当于react -- setDangerousInnerHtml

####v-show和v-if

####v-for 

####v-on @

####v-bind   :

 

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

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

相关文章

洗地机选购攻略,洗地机哪个品牌好?一篇教会你挑到好用的洗地机

随着国内生活水平的提高,智能清洁产品的呼声也越来越高,尤其是洗地机,可以说是国内各个品牌的洗地机铺天盖地而来,那么如何挑选洗地机成了很多新手的困惑,别着急,笔者今天就给大家讲讲洗地机! 一、购买洗地…

【Axure教程】滑动内容选择器

滑动内容选择器通常是一种用户界面组件,允许用户通过滑动手势在一组内容之间进行选择。这种组件可以在移动应用程序或网页中使用,以提供直观的图片选择体验。 那今天就教大家如何用中继器制作一个滑动内容选择器,我们会以滑动选择电影为案例…

HTML5学习系列之标题和正文、描述性信息

HTML5学习系列之标题和正文、描述性信息 标题和正文标题段落 描述性信息强调注解备选上下标术语代码预定义格式缩写词编辑提示引用引述换行显示修饰非文本注解 总结 标题和正文 标题 按语义轻重排列&#xff1a;h1\h2\h3\h4\h5\h6 <h1>诗词介绍</h1> <h2>…

外汇天眼:什么是非农?非农数据对外汇市场的重要性!

非农数据在外汇市场中扮演着何等关键的角色&#xff1f; 美国非农数据&#xff0c;简称“非农”&#xff0c;具体指排除农业部门、个体户和非盈利机构雇员后的就业相关数据&#xff0c;是反映美国经济实际就业和整体经济状况的关键指标。该数据由美国劳工部劳动统计局每月发布…

ExoPlayer架构详解与源码分析(8)——Loader

系列文章目录 ExoPlayer架构详解与源码分析&#xff08;1&#xff09;——前言 ExoPlayer架构详解与源码分析&#xff08;2&#xff09;——Player ExoPlayer架构详解与源码分析&#xff08;3&#xff09;——Timeline ExoPlayer架构详解与源码分析&#xff08;4&#xff09;—…

map和set的简易封装(纯代码)

RBTree.h #pragma once#include<iostream> #include<vector> using namespace std;enum colar { red,black };template<class T>//有效参数就一个 struct RBTreeNode {RBTreeNode(const T& data):_left(nullptr), _right(nullptr), _parent(nullptr)…

黑马点评回顾 redis实现共享session

文章目录 传统session缺点整体访问流程代码实现生成验证码登录 问题具体思路 传统session缺点 传统单体项目一般是把session存入tomcat&#xff0c;但是每个tomcat中都有一份属于自己的session,假设用户第一次访问第一台tomcat&#xff0c;并且把自己的信息存放到第一台服务器…

免费的快速手机文件解压APP,快冲

各位小伙伴们大家好&#xff0c;今天我要介绍一款手机上必备的神奇工具&#xff01;你有没有经常遇到需要解压文件情况呢&#xff1f;还在为不知道用哪个软件而烦恼吗&#xff1f;别担心&#xff0c;我给你带来了解决方案 &#xff0c;就是这一款免费的解压精灵。 解压精灵是一…

【Nginx】使用nginx进行反向代理与负载均衡

使用场景 反向代理&#xff1a;一个网站由许多服务器承载的&#xff0c;网站只暴露一个域名&#xff0c;那么这个域名指向一个代理服务器ip&#xff0c;然后由这台代理服务器转发请求到网站负载的多台服务器中的一台处理。这就需要用到Nginx的反向代理实现了 负载均衡&#xf…

怎么去掉邮件内容中的回车符

上图是Outlook 截图&#xff0c;可见1指向的总有回车符&#xff1b; 故障原因&#xff1a; 不小心误按了箭头4这个选项&#xff1b; 解决方法&#xff1a; 点击2箭头确保tab展开&#xff1b; 点击3以找到箭头4. 取消勾选或者多次点击&#xff0c;即可解决。

@JSONField注解

JSONField注解 JSONField注解是阿里巴巴fastjson库中的注解&#xff0c;用于控制Java对象与JSON字符串之间的转换。它可以用于控制序列化和反序列化过程中的一些细节&#xff0c;例如日期格式、序列化顺序、字段名称等。 JSONField注解的常用属性包括&#xff1a; - name&am…

搜维尔科技:人体解剖学混合现实演示系统!

搜维尔科技&#xff1a;人体解剖学混合现实演示系统&#xff01;

单区域OSPF配置

配置命令步骤&#xff1a; 1.使用router ospf 进程ID编号 启用OSPF路由 2.使用network 直连网络地址 反掩码 area 0 将其归于区域0 注意&#xff1a;1.进程ID编号可任意&#xff08;1-65535&#xff09;2.反掩码用4个255相减得到 如下图&#xff0c;根据给出要求配置OSPF单区…

HT8313 D/AB切换 音频功率放大器

HT8313具有AB类和D类的自Y切换功能&#xff0c;在受到D类功放EMI干扰困扰时&#xff0c;可随时切换至AB类音频功放模式&#xff08;此时电荷泵升压功能关闭&#xff09;。 HT8313内部固定28dB增益&#xff0c;内置的关断功能使待机电流Z小化&#xff0c;还集成了输出端过流保护…

SpringBoot+EasyExcel设置excel样式

方式一&#xff1a;使用注解方式设置样式 模板可通过HeadFontStyle、HeadStyle、ContentFontStyle、ContentStyle、HeadRowHeight ContentRowHeight等注解设置excel单元格样式&#xff1b; //字体样式及字体大小 HeadFontStyle(fontName "宋体",fontHeightInPoints…

C#反射介绍

C# 反射&#xff08;Reflection&#xff09;是一个强大的机制&#xff0c;允许在运行时检查程序集、模块和类型的元数据&#xff0c;以及动态创建和操作类型的实例。通过反射&#xff0c;你可以在运行时获取和设置对象的属性、调用方法、创建新对象&#xff0c;甚至可以加载新的…

JavaEE进阶学习:Spring核心和设计思想

Spring 是什么 我们通常所说的 Spring 指的是 Spring Framework&#xff08;Spring 框架&#xff09;&#xff0c;它是⼀个开源框架&#xff0c;有着活跃而庞大的社区&#xff0c;这就是它之所以能长久不衰的原因。Spring 支持广泛的应用场景&#xff0c;它可以让 Java 企业级…

Linux中的man、mkdir、touch

man命令&#xff1a; man是Linux提供的一个手册&#xff0c;这个手册有很多个章节 第一章中放的是 命令 的帮助信息 第二章中放的是系统调用&#xff08;操作系统提供的函数open&#xff09; 第三章中放的是库函数&#xff08;c库提供的函数怕printf&#xff09;的帮助信息 用法…

oracle导出问题:ORA-00904: “POLTYP“: 标识符无效

在本地机器上导出远端服务器上数据库的数据遇到下面问题&#xff1a; 使用的导出指令&#xff1a;exp zjh/zjh45435**6756z9g91.zicp.fun:16435/zjh file F:\software\Oracle19c\exportNew\zjh.dmp log F:\software\Oracle19c\exportNew\zjh.log 遇到的问题&#xff1a; . 正…

Linux+qt:获取.so自身的路径(利用dladdr)

目录 1、QDir::currentPath() 2、QAppllication::appllicationDirPath() 3、获取.so自身的路径&#xff08;利用dladdr&#xff09; Qt中&#xff0c;也有相关的接口获取程序的相关路径的。 先了解下相关的接口&#xff1a; 1、QDir::currentPath() &#xff08;1&#x…