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

vue中名词解释

No名称略写作用应用场景其他
1

单页面应用

(Single-page application)

SPA

1,控制整个页面

2,抓取更新数据

3,无需加载,进行页面切换

丰富的交互,复杂的业务逻辑的web前端一般要求后端提供api数据接口
2

 单文件组件

Single-File 

Components

(也被称为*.vue文件)

SFC将js,html,css封装到一个文件中书写格式类似于htmlvue的标识性功能
3选项式APIOptions API用多个vue选项的对象来描述逻辑,如data,methods,mounted基于组合式API构建而成这些选项所定义的属性,可以暴露在函数内部的this上,这个this指向当前组件实例
4组合式APIComposition API

使用导入的函数来描述逻辑

(可以大幅度的简化代码)

其中定义的变量和函数可以在template直接使用

通常使用        <script setup>

作用-告知vue如何编译

5根组件app.vue它是应用中所有组件的根组件每一个应用都会有一个根组件
6挂载应用.mount

参数为一个容器

app.mount(#app)

应用实例在调用此方法后才被渲染返回值是一个根组件实例,不是应用实例
7计算属性computed()相应的功能,普通函数也可以实现,但是函数在每次渲染都会被调用,但计算属性不会,只有在响应式依赖被改变时调用自动跟踪响应式依赖,当对象改变时,相应的计算依赖对象值都会改变
8表单输入绑定

1,导入ref

2,定义ref

3,v-model绑定

绑定方发

import {ref} from vue

const message =ref('')←初始值

<input v-mode="message" />

9声明周期钩子函数

组件实例创建过程

1,设定数据监听

2,编译模板

3,挂载实例到DOM

4,数据变更是改变DOM

。。。。。

可以在特定阶段运行自己的逻辑代码
10侦听器watch()每次响应式状态发生变化时候触发回调函数。深度侦听容易产生性能问题
11模板引用通过ref可以直接访问DOM元素
12组件components

名称格式

1,传递props

2,监听事件

3,通过插槽分配内容

      使用<slot>站为符号

4,动态组件

    通过componet元素的is sttribute来实现。

组件可以被重复多次使用

13组件注册

1,全局注册

缺点

  1,生产环境打包的情况下无法移除

2,大型项目中不宜维护

2,局部注册

1,<script setup>

中无需注册

2,无<script setup>

import componenta form './componenta.js'

expoet default{

 components:{

 componenta 

},

}

优点,

依赖明确,打包自动移除

14Props外部向内部传入值

相关文章:

vue中名词解释

No名称略写作用应用场景其他1 单页面应用 &#xff08;Single-page application&#xff09; SPA 1&#xff0c;控制整个页面 2&#xff0c;抓取更新数据 3&#xff0c;无需加载&#xff0c;进行页面切换 丰富的交互&#xff0c;复杂的业务逻辑的web前端一般要求后端提供api数据…...

基于Java+SSM+Vue的旅游资源网站设计与实现【源码(完整源码请私聊)+论文+演示视频+包运行成功】

博主介绍&#xff1a;专注于Java技术领域和毕业项目实战 &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专栏推荐订阅&#x1f447;&#x1f3fb; 不然下次找不到哟 Java项目精品实战案例&#xff08;200套&#xff09; 目录 一、效果演示 二、…...

用于人工智能研究的开源Python微电网模拟器pymgrid(入门篇)

pymgrid是一个开源Python库&#xff0c;用于模拟微型电网的三级控制&#xff0c;允许用户创建或自行选择的微电网。并可以使用自定义的算法或pymgrid中包含的控制算法之一来控制这些微电网&#xff08;基于规则的控制和模型预测控制&#xff09;。 pymgrid还提供了与OpenAI Gy…...

运算放大器:电压比较器、电压跟随器、同相比例放大器

目录一、单限电压比较器二、滞回电压比较器三、窗口电压比较器四、正点原子直流电机驱动器电路分析实战1、电压采集电路2、电流采集电路3、过流检测电路Ⅰ、采用分压后的输入电压&#xff1a;Ⅱ、采用理想电压源的输入电压&#xff1a;Ⅲ、同相输入电压采用的是非理想电压源&am…...

Vector - CAPL - 实时时间on *(续2)

继续继续。。。四、键盘事件这个键盘事件是我个人起的名字&#xff0c;为了方便与其他事件进行区分&#xff0c;为什么要把这一个单独拉出来说呢&#xff0c;因为它的用处实在是太广泛了&#xff0c;基本只要是使用CANoe做一些基本的自动化测试小工具&#xff0c;都会用到它&am…...

数据质量管理的四个阶段

然而&#xff0c;我们需要按照什么流程来对数据质量进行有效的管控&#xff0c;从而提升数据质量&#xff0c;释放数据价值&#xff1f;一般来讲&#xff0c;数据质量控制流程分为4个阶段&#xff1a;启动、执行、检查、处理。在管控过程中这4个阶段需不断循环&#xff0c;螺旋…...

Spring源码面试最难问题——循环依赖

前言 问&#xff1a;Spring 如何解决循环依赖&#xff1f; 答&#xff1a;Spring 通过提前曝光机制&#xff0c;利用三级缓存解决循环依赖&#xff08;这原理还是挺简单的&#xff0c;参考&#xff1a;三级缓存、图解循环依赖原理&#xff09; 再问&#xff1a;Spring 通过提前…...

【计组】RAM的深入理解

一、存储机理 RAM的实现逻辑有种&#xff0c;分别是触发器和电容。 SRAM&#xff08;Static&#xff09;DRAM&#xff08;Dynamic&#xff09;存储方式触发器电容破坏性读出否&#xff08;触发器具有稳态&#xff0c;能够锁住0或1两种状态&#xff09;是&#xff08;电容需要…...

JavaScript 之数据交互

在前后端交互中&#xff0c;前端通常需要对接口返回的数据进行格式转换、遍历、循环等&#xff1b;通常会用到以下函数和方法&#xff1a; forEach()、map()遍历数组&#xff08;map返回新的数组&#xff09;&#xff1b;forEach()只能使用try catah终止循环&#xff1b;for in…...

Python 十大开源Python库,看看你熟悉几个?

嗨害大家好鸭&#xff01;我是芝士❤ 对于码农来说&#xff0c; 关注的永远是新近有什么流行的、 既能解决问题又好用的利器。 本文就为你盘点十大开源Python库。 1、Pipenv 第一名非它莫属&#xff0c; 这个工具2017年初才发布&#xff0c; 但它已经能够影响每个Python开发…...

不愧是阿里开发的SpringBoot实战文档:入门+基础+进阶+项目,应有尽有

SpringBoot SpringBoot毋庸置疑&#xff0c;在Java开发中会因为项目流量太大需要切换到SpringCloud&#xff08;SpringBoot&#xff09;也会极为顺利。而且现在越来越多的公司都在采用SpringBoot&#xff0c;对SpringBoot关注和使用的开发者也越来越多了&#xff01; SpringB…...

Vue(3)-vue中的Ajax、Vuex、路由及UI组件库

课程链接 目录4.Vue中的Ajax4.1.vue脚手架配置代理4.1.1.方法一4.1.2.方法二4.2.插槽5.Vuex5.1.理解Vuex5.1.1.概念5.1.2.何时使用&#xff1f;5.1.3.vuex原理5.2.vuex使用5.2.1.搭建vuex环境5.2.2.基本使用5.2.3.getters的使用5.2.4.四个map方法的使用5.2.5.模块化命名空间6.路…...

jwt 学习笔记

概述 JWT&#xff0c;Java Web Token&#xff0c;通过 JSON 形式作为 Web 应用中的令牌&#xff0c;用于在各方之间安全地将信息作为 JSON 对象传输&#xff0c;在数据传输过程中还可以完成数据加密、签名等相关处理 JWT 的作用如下&#xff1a; 授权&#xff1a;一旦用户登…...

网络安全实战从 0 到 1 彻底掌握 XXE

0x01 什么是 XXE个人认为&#xff0c;XXE 可以归结为一句话&#xff1a;构造恶意 DTD介绍 XXE 之前&#xff0c;我先来说一下普通的 XML 注入&#xff0c;这个的利用面比较狭窄&#xff0c;如果有的话应该也是逻辑漏洞。既然能插入 XML 代码&#xff0c;那我们肯定不能善罢甘休…...

如何安装 Composer

下载 Composer 安装前请务必确保已经正确安装了 PHP。打开命令行窗口并执行 php -v 查看是否正确输出版本号。 打开命令行并依次执行下列命令安装最新版本的 Composer&#xff1a; php -r "copy(https://install.phpcomposer.com/installer, composer-setup.php);"p…...

WPF 常用控件

WPF六种常用控件&#xff1a;布局控件、内容控件、带标题内容控件、条目控件、带标题条目控件和特殊内容控件(如:TextBox,TextBlock,Image等)。实例链接&#xff1a;WPF常用控件实例Window(窗体)Winodw窗体派生自ContentControl&#xff0c;有一个Content属性&#xff0c;里面可…...

河南工程学院蓝桥培训(2.21)

1&#xff0c;金币 461. 金币 - AcWing题库 #include <iostream> using namespace std; int n,a,ans,s; int main(){cin>>n;while(n--){if(a0)as;anss,a--;}cout<<ans;return 0; }...

新人使用Git获取远程仓库项目

前言 这篇git技术篇非常的简单基础&#xff0c;写它的原因很简单&#xff0c;因为现在很多的年轻人都很浮躁&#xff0c;刚入门就想学最牛x的&#xff0c;看不起基础的一些技术&#xff0c;比如说git操作、Linux基础命令&#xff0c;编程基础啥的。我身边有很多这样的年轻人&a…...

理解信号的

在日常生活中我们也经常面临许多的信号&#xff0c;手机通知、过红绿灯。。。这些信号在没有发生之前我们就知道这种信号产生我们需要干什么&#xff0c;那Linux里信号产生后&#xff0c;又怎么知道要做什么呢&#xff1f; -- 那当然是由程序员自己去设置啊 由于我们的用户空间…...

SpringSecurity学习(七)授权

授权 什么是权限管理 权限管理核心概念 SpringSecurity权限管理策略 基于URL地址的权限管理 基于方法的权限管理 一、权限管理 二、授权核心概念 在认证的过程成功之后会将当前用户登录信息保存到Authentication对象中&#xff0c;Authentication对象中有一个getAuthorities…...

RocketMQ延迟消息机制

两种延迟消息 RocketMQ中提供了两种延迟消息机制 指定固定的延迟级别 通过在Message中设定一个MessageDelayLevel参数&#xff0c;对应18个预设的延迟级别指定时间点的延迟级别 通过在Message中设定一个DeliverTimeMS指定一个Long类型表示的具体时间点。到了时间点后&#xf…...

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院挂号小程序

一、开发准备 ​​环境搭建​​&#xff1a; 安装DevEco Studio 3.0或更高版本配置HarmonyOS SDK申请开发者账号 ​​项目创建​​&#xff1a; File > New > Create Project > Application (选择"Empty Ability") 二、核心功能实现 1. 医院科室展示 /…...

vue3+vite项目中使用.env文件环境变量方法

vue3vite项目中使用.env文件环境变量方法 .env文件作用命名规则常用的配置项示例使用方法注意事项在vite.config.js文件中读取环境变量方法 .env文件作用 .env 文件用于定义环境变量&#xff0c;这些变量可以在项目中通过 import.meta.env 进行访问。Vite 会自动加载这些环境变…...

初学 pytest 记录

安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...

初探Service服务发现机制

1.Service简介 Service是将运行在一组Pod上的应用程序发布为网络服务的抽象方法。 主要功能&#xff1a;服务发现和负载均衡。 Service类型的包括ClusterIP类型、NodePort类型、LoadBalancer类型、ExternalName类型 2.Endpoints简介 Endpoints是一种Kubernetes资源&#xf…...

嵌入式学习笔记DAY33(网络编程——TCP)

一、网络架构 C/S &#xff08;client/server 客户端/服务器&#xff09;&#xff1a;由客户端和服务器端两个部分组成。客户端通常是用户使用的应用程序&#xff0c;负责提供用户界面和交互逻辑 &#xff0c;接收用户输入&#xff0c;向服务器发送请求&#xff0c;并展示服务…...

Bean 作用域有哪些?如何答出技术深度?

导语&#xff1a; Spring 面试绕不开 Bean 的作用域问题&#xff0c;这是面试官考察候选人对 Spring 框架理解深度的常见方式。本文将围绕“Spring 中的 Bean 作用域”展开&#xff0c;结合典型面试题及实战场景&#xff0c;帮你厘清重点&#xff0c;打破模板式回答&#xff0c…...

Web后端基础(基础知识)

BS架构&#xff1a;Browser/Server&#xff0c;浏览器/服务器架构模式。客户端只需要浏览器&#xff0c;应用程序的逻辑和数据都存储在服务端。 优点&#xff1a;维护方便缺点&#xff1a;体验一般 CS架构&#xff1a;Client/Server&#xff0c;客户端/服务器架构模式。需要单独…...

AI语音助手的Python实现

引言 语音助手(如小爱同学、Siri)通过语音识别、自然语言处理(NLP)和语音合成技术,为用户提供直观、高效的交互体验。随着人工智能的普及,Python开发者可以利用开源库和AI模型,快速构建自定义语音助手。本文由浅入深,详细介绍如何使用Python开发AI语音助手,涵盖基础功…...

【免费数据】2005-2019年我国272个地级市的旅游竞争力多指标数据(33个指标)

旅游业是一个城市的重要产业构成。旅游竞争力是一个城市竞争力的重要构成部分。一个城市的旅游竞争力反映了其在旅游市场竞争中的比较优势。 今日我们分享的是2005-2019年我国272个地级市的旅游竞争力多指标数据&#xff01;该数据集源自2025年4月发表于《地理学报》的论文成果…...