vue3.0学习之路_Stzyz_121314的博客-程序员秘密

技术标签: 学习  vue  前端  

vue3.0与vue2.0的不同之处
  1. vue3.0中全局都在setUp(){}中 并且 每个定义的变量都需要进行return 如
export default{
    
    setup(){
    
    	//定义的是 refs对象
    	const editor = ref(null)
    	const state = reactive({
    
    		//这里面定义的是vue2.0中的data中的普通参数
    		tableAry: []
   		})
   		const getList = () => {
    
   			//这个是方法的定义
   			//refs的使用方法  调用子组件中的open方法
   			editor.value.open();
   		}
   		上面定义的所有变量都需要在这里进行return   这样如果外部组件想要使用 或者 界面中使用 才能找到变量
   		return {
    
   			...toRefs(state),
   			editor,
   			getList,
   		}
   }
}
  1. 变量的定义方式分为两种
  1. 定义如vue2中的data中的变量方式 const state = reactive({})定义普通变量
  2. 使用ref定义refs的变量 const addGood = ref(unll) 使用 addGood.value.open()意思就是调用组件中的open方法
  1. setUp方法中有两个参数 props 父页面传递的参数 和 ctx 父页面对象 用来做回调父页面的方法 使用 ctx.emit(“父页面方法名称”,“传递的参数”)
  2. 组件差距 比如说我们常用的element-ui组件 在vue3.0中变成element-plus
  3. vue3.0中的变量定义方法都是需要引入的 如
//这里写出了引入vue的相关方法和router的相关方法  其中onMounted方法可以在setup发放中调用 并且可以作为加载后自动触发的方法 onMounted( () => {})
import {
     reactive, ref, toRefs, onMounted} from 'vue'
import {
     useRoute, useRouter } from 'vue-router'

暂时先总结这些不同点 如果以后有新发现再来补充吧!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_40868755/article/details/123199950

智能推荐

DATA BLOCK, DATA EXTENT, DATA SEGMENT的区别_weixin_34119545的博客-程序员秘密

block是orcle中最小的逻辑单元,必须是OS的逻辑块的整数倍extent是由连续的block构成的segment包含一个或多个extent, 从大的范围来说,segment由四种类型,table(表),index(索引),undo(还原),temportry(排序)当创建索表/索引时,在表空间中会创建对应的segment,表空间在初始创建时,是没有segment的一个segment只能属于一...

[leetCode]剑指 Offer 26. 树的子结构_消灭猕猴桃的博客-程序员秘密

解法递归求解过程可以分为两步:1. 遍历A中节点,找到与B中根节点相同的节点第一步可以使用递归实现线序遍历2. 判断是否存在相同的结构第二步可以可以使用递归判断A、B左右子树结构是否相同/** * Definition for a binary tree node. * public class TreeNode { * int val; * TreeNode left; * TreeNode right; * TreeNode(int x) { v.

【仅售9.9元】石杉老师最新出品:C2C电商系统微服务架构120天实战训练营_石杉的架构笔记的博客-程序员秘密

石杉老师最新出品:《C2C 电商系统微服务架构 120 天实战训练营》,长按扫描下方二维码了解:微服务架构是当今架构领域最热的话题之一,也是互联网大厂必问的技术。掌握微服务架构技术栈相关...

马尔科夫随机过程&马尔科夫随机场_五仁月饼哭了的博客-程序员秘密

一、理论介绍1.马尔科夫随机过程它是一类随机过程。它的原始模型马尔可夫链,由俄国数学家A.A.马尔可夫于1907年提出。该过程具有如下特性:在已知目前状态 (现在)的条件下,它未来的演变 (将来)不依赖于它以往的演变 ( 过去 ) 。 例如森林中动物头数的变化构成——马尔可夫过程。在现实世界中,有很多过程都是马尔可夫过程,如液体中微粒所作的布朗运动、传染病受感染的人数、车站的候车人

Ubuntu配置Boost-python_ubuntu boost_python_KenBG的博客-程序员秘密

Ubuntu配置Boost-python目前配过最麻烦的环境之一…一些不知道有没有用的预置步骤安装cmakesudo apt-get install software-properties-commonsudo add-apt-repository ppa:george-edison55/cmake-3.xsudo apt-get updatesudo apt-get inst...

C语言 函数指针调用时加星号与不加星号?_函数指针调用的时候加*与不加*一样_不去试一下你咋知道不行的博客-程序员秘密

函数指针在赋值以后,例如通过库动态加载方式,然后在使用时,程序调用遇到了既加星号,也有不加星号的方式,因此有点疑惑。先上实例,再作分析#include <stdio.h>void myfun(void);int main(void){void (*pf)(void);pf = myfun; /* 也可以这样赋值:pf = &myfun; 其道理同下*/(*pf...

随便推点

Centos7 安装 Tomcat8 的正确姿势 并设置开机自启_CodingSir的博客-程序员秘密

使用centos7X64最小化安装CentOS-7-x86_64-Minimal-17081.配置防火墙:关闭防火墙和加入放行端口二选一1.1 直接关闭防火墙systemctl stop firewalld.service #停止firewallsystemctl disable firewalld.service #禁止firewall开机启动firewall-cmd --s...

Android 4.0 截屏(Screenshot)代码流程_ah_kin的博客-程序员秘密

原文地址:http://blog.csdn.net/hk_256/article/details/7306590 ,转载请注明出处一、基本介绍          在Android 4.0 之前,Android手机上如果要使用截屏功能,只能通过Root手机,且使用第3方截图软件来实现截屏功能。         Android4.0中,系统自带了截屏功能,使用方法是音量下(VO

Linux内核常用数据结构_linux 数据结构_wangliang888888的博客-程序员秘密

Linux中最重要最常用如下四种:LIST:链表 <linux/list.h>Linux内核的标准链表就是采用“环形、双向”链表形式实现沿着链表移动智能是线性移动需要随机访问的数据,一般不使用链表链表存放数据的理想情况是:需要遍历所有数据、或者需要动态加入/删除数据有时首元素会用一个特殊的指针表示,称为“头指针”,可以方便的找到链表的“起始端”Linux内核实现特殊性:不是将数据结构塞...

ajax跨域问题解决方法_yupengcc的博客-程序员秘密

由于此前很少写前端的代码(哈哈,不合格的程序员啊),最近项目中用到json作为系统间交互的手段,自然就伴随着众多ajax请求,随之而来的就是要解决ajax的跨域问题。本篇将讲述一个小白从遇到跨域不知道是跨域问题,到知道是跨域问题不知道如何解决,再到解决跨域问题,最后找到两种方法解决ajax跨域问题的全过程。 不知是跨域问题起因是这样的,为了复用,减少重复开发,单独开发了一个用户权限管...

requirejs+cdn_E78790602的博客-程序员秘密

当requirejs加上cdn.cdn固然可以在requirejs里面配置.但是在a.html里面却不能通过给自己引用的requirejs文件添加版本戳.最重要的是requirejs不能引进css当模块,这一点感觉还是挺不方便的.转载于:https://www.cnblogs.com/lanyueer/p/5201144.html...

Unity Sprite以及基础博文_weixin_30265103的博客-程序员秘密

分割Png图片:Texture Type : Sprite (2D and UI)  Sprite Mode: Multiple  Sprite Editor - Slice - Applyhttp://blog.1vr.cn/?p=1422转载于:https://www.cnblogs.com/nnnnn/p/4544982.html...

推荐文章

热门文章

相关标签