当前位置: 首页 > news >正文

vue2和vue3除代码方面的对比(面试可能会问)

vue2是选项式API,而3虽然兼容2,但是推荐的则是组合式API,即代码逻辑更集中,不需要翻上翻下的寻找data和methods。

vue3最早执行的函数是setup函数

export default {

        setup(){

const a = 1

const fn = ()=>{}

        return {

        a,

        fn

}

}

}

默认是这样书写setup函数的,但是3可以将setup写在script标签上,这样就使用了setup语法糖不需要再写export default和return了,而且子组件的注册可以省略,引入后直接就可以使用。

<script setup>

        const a=1

        const fn=()=>{}

</script>

就这样写就好了。a和fn可以直接在template里面使用。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 将Windows电脑右下角的“中”字或“英”字输入法状态隐藏的方法
  • 备战蓝桥杯 Day4
  • 第一章计算机网络体系结构疑难点总结
  • BBC英式口语~发音练习~笔记整理
  • 【微服务安全】OpenID Connect 简介:现代应用程序的身份验证
  • springboot/ssm物业管理系统Java小区物业缴费停车管理系统
  • electron Tab加载动画开启和关闭
  • Linux命令-cal命令(显示当前日历或指定日期的日历)
  • 网络防火墙综合实验
  • 论文精读--word2vec
  • LeetCode--代码详解 21.合并两个有序链表
  • Itext生成pdf文件,html转pdf时中文一直显示不出来
  • 五种多目标优化算法(MOJS、MOGWO、NSWOA、MOPSO、NSGA2)性能对比,包含6种评价指标,9个测试函数(提供MATLAB代码)
  • 【AI视野·今日CV 计算机视觉论文速览 第297期】Thu, 25 Jan 2024
  • Linux命令:stat命令
  • [Vue CLI 3] 配置解析之 css.extract
  • Debian下无root权限使用Python访问Oracle
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • JS专题之继承
  • Laravel 实践之路: 数据库迁移与数据填充
  • Rancher如何对接Ceph-RBD块存储
  • 包装类对象
  • 从零到一:用Phaser.js写意地开发小游戏(Chapter 3 - 加载游戏资源)
  • 大型网站性能监测、分析与优化常见问题QA
  • 服务器从安装到部署全过程(二)
  • 基于Javascript, Springboot的管理系统报表查询页面代码设计
  • 七牛云假注销小指南
  • 前端学习笔记之观察者模式
  • 我是如何设计 Upload 上传组件的
  • 吴恩达Deep Learning课程练习题参考答案——R语言版
  • 小程序 setData 学问多
  • 一道闭包题引发的思考
  • 用Canvas画一棵二叉树
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • ​【C语言】长篇详解,字符系列篇3-----strstr,strtok,strerror字符串函数的使用【图文详解​】
  • ​DB-Engines 12月数据库排名: PostgreSQL有望获得「2020年度数据库」荣誉?
  • #define
  • (02)vite环境变量配置
  • (14)Hive调优——合并小文件
  • (PADS学习)第二章:原理图绘制 第一部分
  • (层次遍历)104. 二叉树的最大深度
  • (原)Matlab的svmtrain和svmclassify
  • (转)利用PHP的debug_backtrace函数,实现PHP文件权限管理、动态加载 【反射】...
  • *算法训练(leetcode)第三十九天 | 115. 不同的子序列、583. 两个字符串的删除操作、72. 编辑距离
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • .net php 通信,flash与asp/php/asp.net通信的方法
  • .NET(C#、VB)APP开发——Smobiler平台控件介绍:Bluetooth组件
  • .NET轻量级ORM组件Dapper葵花宝典
  • .net中我喜欢的两种验证码
  • ?php echo $logosrc[0];?,如何在一行中显示logo和标题?
  • @Autowired注解的实现原理
  • @Mapper作用
  • @require_PUTNameError: name ‘require_PUT‘ is not defined 解决方法
  • [001-03-007].第07节:Redis中的事务
  • [20150707]外部表与rowid.txt