VUE3笔记

项目结构

模板语法(在标签之外)

插值语法 :双大括号

属性绑定(在标签之内)

v-bind:

单属性两种写法 

多属性绑定

 条件渲染

列表渲染

要有key,降低消耗

遍历数组

 遍历对象 

 事件处理

传递参数

事件修饰符

 

数组监听(后续研究)

 (当数组方法不会产生新数组,自己替换新数组来实现数组监听)

 


 计算属性

 计算属性只有一次,方法每次都会调用


监听属性


class绑定

  


style绑定


表单绑定


模板操作

 


组件

局部引用 

 全局引用(在main中)

 数据传递

props(父传子)

子添加props属性

 传参校验 

类型

默认值 

必须选性 

 


组件事件(子传父)

触发自定义事件类型

 传递函数(子传父)

父元素向子元素传递函数,子元素调用函数来更改父元素的数据,实现子传父

 父

 子


插槽

组件嵌套过程中,父组件内部向子元素插入其他东西。

 

 具名插槽


动态组件 

保持活性

  


异步组件(懒加载)


依赖注入(参数透传)

祖宗

子(类似props) 


路由

懒加载

通过箭头函数实现懒加载


Vuex

Vue有五个核心概念stategettersmutationsactionsmodules

  1. state => 基本数据
  2. getters => 从基本数据派生的数据
  3. mutations => 提交更改数据的方法,同步!
  4. actions => 像一个装饰器,包裹mutations,使之可以异步。
  5. modules => 模块化Vuex

 Getters

Mutation 

 Actions

 


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

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

相关文章

gerrit 遇到的问题汇总

更新远程代码 git pull --rebase 回退到指定版本 get reset --hard commitid 修改之前的提交 git commit --amend 问题一 本地提交了两个记录到远程,远程还没有合并,本地使用 git reset --soft HEAD~1 回退到了上一个提交,现在需要将本地…

微信小程序全局数据共享

1.概念 全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。 2.小程序中共享方案 在小程序中,可使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享mobx-miniprogram用来创建Store实例对象 mobx-miniprogram-bindings…

浅谈Unicode与UTF-8

我们都知道,在Golang中字符都是以UTF-8编码的形式存储,当我们使用range遍历字符串的时候,go会为我们取出一个字符(rune)而不是一个byte,例如以下例子,我们使用range迭代取出第一个字符“你”,并且打印输出取…

让你不再好奇音频转换格式软件免费有哪些

小美:你好,最近我需要将一些音频文件转换成其他格式,但是不知道常用的音频转换工具有哪些,你有什么建议吗? 李明:当然,有很多音频转换工具可以选择。建议你关注下这篇文章,我将通过…

【动手学习深度学习--逐行代码解析合集】06多层感知机的从零开始实现

【动手学习深度学习】逐行代码解析合集 06多层感知机的从零开始实现 视频链接:动手学习深度学习–softmax回归简洁实现 课程主页:https://courses.d2l.ai/zh-v2/ 教材:https://zh-v2.d2l.ai/ 1、多层感知机 2、从线性到非线性 3、激活函数 R…

ChatGPT应用工具推荐

ChatGPT作为一种先进的自然生成技术,已经在各个领域展现出了其强大的应用能力,下面将给大家介绍一些ChatGPT的功能应用。 简介 此系统是基于likeadmin—PHP开发的智能对话系统,ChatGPT是一种基于人工智能技术的聊天机器人,它可以…

亚马逊云科技推出Amazon AppFabric,SaaS安全不断加码

亚马逊云科技近日宣布推出Amazon AppFabric来增强公司在软件即服务(SaaS)应用程序方面的现有投入。Amazon AppFabric是一项无代码服务,可以为客户提高安全性,管理水平和生产力。只需在亚马逊云科技管理控制台上点击几下&#xff0…

机器学习之深度神经网络

目录 卷积神经网络与全连接神经网络 前向后向传播推导 通用手写体识别模型 人脸识别模型 电影评论情感分析模型 卷积神经网络与全连接神经网络 卷积神经网络(Convolutional Neural Network,CNN)和全连接神经网络(Fully Conn…

单片机STM32看门狗详解(嵌入式学习)

单片机STM32看门狗 什么是看门狗为什么需要看门狗?STM32CubeMX配置和应用示例独立看门狗(IWDG)窗口看门狗(WWDG) 注意事项 什么是看门狗 单片机STM32的看门狗(Watchdog)是一种硬件定时器&#…

动态ip与静态ip的概念、区别、应用场景

动态ip与静态ip的区别 前言一、介绍IP地址的概念和作用1.1、IP地址的定义1.2、IP地址的作用 二、动态IP和静态IP的区别2.1、动态IP和静态IP的定义2.2、动态IP和静态IP的特点2.3、动态IP和静态IP的优缺点比较 三、动态IP和静态IP的应用场景3.1. 动态IP的应用场景3.2. 静态IP的应…

SQL死锁

目录 前言: 分析: 死锁产生的原因: sql死锁 模拟: 解决办法: (本质:快速筛选或高效处理、以此减少锁冲突) ①大事务拆成小事务,尽可能缩小事务范围 大事务:将多个操作放在一个事务中执行…

SpringBoot - 在IDEA中经常发现:Could not autowire. No beans of ‘xxx‘ type found的错误

错误描述 在SPRINGBOOT的项目中,使用IDEA时经常会遇到Could not autowire. No beans of ‘xxxx’ type found的错误提示,但是程序的编译和运行都没有问题,这个错误提示并不影响项目的生产。 解决方案