首页 > 其他分享 >Vue VueComponent

Vue VueComponent

时间:2025-01-01 17:19:20浏览次数:5  
标签:Vue 函数 对象 VueComponent 实例 组件

1、组件的本质是 VueComponent的构造函数,是Vue.extend生成的

2、我们只需要写<组件名></组件名>,Vue解析时会帮我们创建组件的实例对象

即Vue帮我们执行的:new VueComponent({})

3、注意:每次调佣Vue.extend({}),返回一个全新的VueComponent

4、this 指向

a、在new Vue中

  data函数、methods中的函数,watch中的函数,computed中的函数,他们的this是Vue的实例化对象,即vm

b、在组件中

  data函数、methods中的函数、watch中的函数、computed中的函数,他们的this是VueComponent实例化镀锡。即组件对象和 或vc

VueComponent实例化对象和Vue实例化对象一样数据代理和数据监视(get set)

标签:Vue,函数,对象,VueComponent,实例,组件
From: https://www.cnblogs.com/wt7018/p/18646094

相关文章

  • Vue3中Proxy实现响应式系统基本逻辑实现
    constactiveEffect=newMap()//存储依赖关系//追踪依赖constsetDepsMap=(target,propKey)=>{if(!activeEffect.has(target)){activeEffect.set(target,newMap())//每个对象拥有一个属性依赖映射}constdepsMap=activeEffect.get(target);......
  • Vue 非单文件组件
    一、Vue组件使用的三大步1、定义组件2、注册组件3、使用组件二、定义组件1、Vue.extend({})与newVue({})基本相似,Vue.extend不适用el,data要写返回函数2、template用来写html结构,注意要加div包裹起来3、简写consts={template:`<div>......
  • 【开源免费】基于Vue和SpringBoot的中药实验管理系统(附论文)
    本文项目编号T130,文末自助获取源码\color{red}{T130,文末自助获取源码}......
  • 【开源免费】基于Vue和SpringBoot的公司日常考勤系统(附论文)
    本文项目编号T134,文末自助获取源码\color{red}{T134,文末自助获取源码}......
  • 【开源免费】基于Vue和SpringBoot的中小企业人事管理系统(附论文)
    本文项目编号T133,文末自助获取源码\color{red}{T133,文末自助获取源码}......
  • 记忆旅游系统|Java|SSM|VUE| 前后端分离
                  【技术栈】1⃣️:架构:B/S、MVC2⃣️:系统环境:Windowsh/Mac3⃣️:开发环境:IDEA、JDK1.8、Maven、Mysql5.7+4⃣️:技术栈:Java、Mysql、SSM、Mybatis-Plus、VUE、jquery,html5⃣️数据库可视化工具:navicat6⃣️服务器:SpringBoot自带apacheto......
  • Vue项目整合与优化
    前几篇文章,我们讲述了Vue项目构建的整体流程,从无到有的实现了单页和多页应用的功能配置,但在实现的过程中不乏一些可以整合的功能点及可行性的优化方案,就像大楼造完需要进行最后的项目验收改进一样,有待我们进一步的去完善。使用alias简化路径使用webpack构建过Vue项......
  • 【Vue】Vue3 项目搭建(五)
    安装环境相关参考【Vue】Vue2项目搭建(二)-H__D-博客园1、安装Nodejs环境,参考【Node.js】安装及使用 ,或者使用nvm工具安装,node版本:v20.16.0 2、安装vue脚手架,【Vue】Vue2项目搭建(二)-H__D-博客园,版本:@vue/cli5.0.8使用vue-cli创建Vue3项目1、......
  • Vue 生命周期
    一、生命周期钩子1、挂载流程初始化生命周期->beforecreate->数据代理->created->初始化虚拟DOM->beforemount->虚拟DOM转化为真是DOM并挂在在页面->mounted2、更新流程数据发生改变->beforeupdate(此时数据发生改变,页面没变)->对比虚拟DOM,生成页面->updated(页面和数据都更新......
  • Vue.js组件开发-客户端如何限制刷新Token次数
    在Vue.js组件开发中,限制刷新Token的次数是一个重要的安全措施,可以防止恶意用户或攻击者无限次尝试刷新Token。客户端限制在客户端,可以通过Vuex、localStorage或sessionStorage等存储机制来跟踪刷新Token的尝试次数。以下是一个基本的实现步骤:‌1.定义状态‌:在Vuexstore中......