⑩ vue新特性

最新推荐文章于 2024-04-29 10:23:29 发布
最新推荐文章于 2024-04-29 10:23:29 发布
阅读量350 收藏
点赞数
分类专栏： vue复习一下 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42809973/article/details/132911111
版权

ref 或者reactive

ref相当于data
在这里插入图片描述

methods

在这里插入图片描述

props和context

props
在这里插入图片描述
在这里插入图片描述
！！！setup中没有this关键字，使用context（简写：ctx）就是this
在这里插入图片描述

在steup中使用生命周期函数

在这里插入图片描述
在这里插入图片描述

Provide / Inject

1、原来是 a传b，b传c，用这个后可以之间 a 传c
2、只能在setup（）中使用
3、只能父组件传子组件，不能子组件传父组件

  • 父组件使用provide（）传给子组件数据
  • 子组件使用inject（）接收父组件传来的数据

4、不限层级
父组件
在这里插入图片描述
子组件
在这里插入图片描述

Fragment

就是外层可以不加这个div
在这里插入图片描述

酒玖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解vue高级特性
10-15
主要介绍了vue高级特性的相关知识，文中介绍非常细致，帮助大家更好的参考和学习，感兴趣的朋友可以了解下
【Vue】带你快速上手Vue3 - 使用 - Composition API - 响应式原理 - 新特性
YK菌的博客
09-07 3138
学习Vue3
篇章十二 Vue3开发
虎康的博客
07-03 567
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。创建一个hooks文件夹，里面创建文件import {//实现鼠标“打点”相关的数据 let point = reactive({x: 0 ,y: 0 , });//实现鼠标“打点”相关的方法 function savePoint(event) {
带你快速上手Vue3
volson13的博客
10-12 383
vue
VUE
weixin_46628546的博客
12-06 182
这里写目录标题1. 1.vue生命周期2.v-show与v-if区别3.vue双向数据绑定原理4.MVVM和MVC5.SPA单页面的优缺点分别是什么？6. Vue 中的 key 有什么作用？7. 你是怎么理解 什么是库？什么是框架?8. vue实例上的属性和方法？9 v-if和v-for的连用？10.Vue组件间传值的方式及之间的区别？11.Vue中组件的data为什么是一个函数?12.vue-router有几种钩子函数?具体是什么及执行流程是怎样的?12.谈一下你对vuex的个人理解？13. 谈谈Vue3
快速了解vue-cli 3.0 新特性
08-27
vue-cli 是 vue 官方团队推出的一款快速开发 vue 项目的构建工具，具有开箱即用并且提供简洁的自定义配置等功能。这篇文章主要介绍了快速了解vue-cli 3.0 新特性,需要的朋友可以参考下
Vue.js 2.5新特性介绍(推荐)
10-19
Vue 2.5 Level E 已发布，在原来2.x的基础上做了很多相应改进和对 bug 的修复，目前 2.5 系列最新的版本为 2.5.2，本文给大家介绍vue 2.5 新特征，需要的朋友参考下吧
Vue3.0新特性全面解读
06-21
本课程将会带领大家熟悉vue3.0新特性，并学会使用组合式api进行项目代码编写，以及了解这里面的一些注意点与思想方法。 可能有的同学会疑惑：是不是在vue3.0版本下，2.x的代码没法运行了 其实在vue3.0下，2.x的代码...
vue最新资料
04-21
2018年传智黑马 36期一份月毕业 vue笔记 淘宝购买 免费送给大家
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 652
步骤很详细，直接上教程……
Vue项目中异步组件的引入使用
Niucode的博客
04-26 275
Vue项目中异步组件的引入使用
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 295
vue echarts 柱状图 堆叠柱状图
vue3组件 描点定位以及监听滚动切换对应activeTab
weixin_41824429的博客
04-26 362
【代码】vue3组件 描点定位以及监听滚动切换对应activeTab。
vue实现录音并转文字功能，包括PC端web，手机端web
byebukesi的博客
04-26 515
不止vue，不限技术栈，vue2、vue3、react、.net以及原生js均可实现。
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
xu_duo_i的博客
04-25 407
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
党务学习|基于SprinBoot+vue的大学生党务学习平台(源码+数据库+文档)
伟庭的博客
04-27 717
大学生党务学习平台管理系统按照操作主体分为管理员和用户。用户的功能等。该系统采用了Mysql数据库，Java语言，Spring Boot框架等技术进行编程实现。大学生党务学习平台管理系统可以提高大学生党务学习平台信息管理问题的解决效率，优化大学生党务学习平台信息处理流程，保证大学生党务学习平台信息数据的安全，它是一个非常可靠，非常安全的应用程序。大学生党务学习平台管理系统；入党申请,党课Mysql数据库；Java语言。
vue 快速入门 系列 —— 玩转 CMS
最新发布
ZL4120505的博客
04-29 708
例如 src/layouts/BasicLayout.less，里面包含一些基本布局的样式，被 src/layouts/BasicLayout.vue 引用，项目中使用这种布局的页面就不需要再关心整体布局的设置。好比中医发展了好几千年，许多本源的东西老中医也是不清楚的，但我们摸索出一套规则，按照这个能治病，这个就很好。.clearfix() 混合器定义了清除浮动的样式。组件相关的样式，有一些在页面中重复使用的片段或相对独立的功能，你可以提炼成组件，相关的样式也应该提炼出来放在组件中，而不是混淆在页面里。
el-tree 或 el-tree-select 根据条件，控制节点的显示隐藏
IT_dabai的博客
04-25 307
要求el-tree-select 的节点根据节点数据状态来进行显示隐藏（状态字段为status，显示：‘1’，隐藏：‘0’）
vue3.3.4新特性
07-14
的新特性包括： 1. 更快的渲染速度和更小的包大小 2. 更好的TypeScript支持 3. 更好的响应式系统 4. 更好的组合API 5. 更好的性能优化 Vue3.与Vue2.的区别包括： 1. Vue3.使用了Proxy代替了Object.defineProperty...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值