VueComponent构造函数

//创建school组件——注册给谁 在谁的结构上写const school = Vue.extend({name: 'school',//开发者工具的显示template: `<div><h2>学校名称:{{schoolName}}</h2><h2>学校地址:{{adress}}</h2>  </div>`,//结构data() {return {//防止相同对象改变schoolName: 'xxxx学校',adress: 'xxx街道',}},//数据
})const vm &#61; new Vue({el: &#39;#root&#39;,template:&#96;&lt;school&gt;&lt;/school&gt;&#96;,//2、注册组件 &#xff08;局部注册&#xff09;components: {school,}});</code></pre> 

定义的组件,是构造函数

每次调用组件的创建 Vue.extend 返回的都是全新的VueComponent的构造函数()

源码分析:每次调用

vm上的$children是组件vc

1、school组件本质是一个VueComponent的构造函数,不是程序员定义的,是Vue.extend生成的

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

即Vue帮我执行new VueComponent(options),使用几次调用几次

3、注意:每次调用组件的创建 Vue.extend 返回的都是全新的VueComponent的构造函数()

4、关于this指向

1、组件配置中

data函数、methods中的函数、watch函数、computed中的函数 this全部指向VueComponent实例对象

2、new Vue(options)配置中

data函数、methods中的函数、watch函数、computed中的函数 this全部指向Vue实例对象5、VueComponent的实例对象简称vc,也即是组件实例对象

Vue实例对象简称vm

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

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

相关文章

无文件落地攻击手法

目录 前言 无文件落地攻击的常用手法 无文件落地攻击的优势 常见的利用方式

SolidUtil : Modify功能记录

API功能大纲&#xff1a; namespace Bentley.DgnPlatformNET {public class Modify : SolidUtil{public Modify();public static BentleyStatus BlendEdges(ref SolidKernelEntity target, SubEntity[] edgesIn, double[] radiiIn, int nEdgesIn, bool propagateSmoothIn);pub…

液晶数显式液压万能试验机WES-300B

一、简介 主机为两立柱、两丝杠、油缸下置式&#xff0c;拉伸空间位于主机的上方&#xff0c;压缩、弯曲试验空间位于主机下横梁和工作台之间。测力仪表采用高清液晶显示屏&#xff0c;实验数据方便直观。 主要性能技术指标 最大试验力&#xff08;kN&#xff09; 300 试…

FreeRTOS资源管理

1.以前临界资源的保护方式 有使用过静态局部变量来保护临界资源&#xff0c;也有用队列&#xff0c;信号量&#xff0c;互斥量来保护临界资源。这些都是在多个任务会共同使用临界资源的情况下我们的保护方式。 问题提出&#xff1a;如果有个传感器在读取数据时有严格的时序&a…

舒尔补【Schur Complement】

文章目录 一、定义二、推导三、一些性质四、解线性方程组五、参考资料 舒尔补&#xff08;Schur complement)是线性代数中的一个重要概念&#xff0c;经常在矩阵理论、优化问题和数值计算中出现。舒尔补可以用来简化大型线性系统的求解和分析&#xff0c;特别是在稀疏矩阵和块矩…

前端基础学习html(1)

1.标题标签.h1,h2...h6 2.段落标签p 换行标签br 3.加粗strong(b) /倾斜em(i) /删除 del(s) /下划线ins(u) 4.盒子&#xff1a;div //一行一个 span//一行多个 5.img :src alt title width height border 图片src引用&#xff1a;相对路径 上级/同级/中级 绝对路径&#xff…

触动精灵纯本地离线文字识别插件

目的 触动精灵是一款可以模拟鼠标和键盘操作的自动化工具。它可以帮助用户自动完成一些重复的、繁琐的任务&#xff0c;节省大量人工操作的时间。但触动精灵的图色功能比较单一&#xff0c;无法识别屏幕上的图像&#xff0c;根据图像的变化自动执行相应的操作。本篇文章主要讲解…

GitHacker:Git源码泄漏检测工具可恢复整个Git Repo

GitHacker是一个多线程工具&#xff0c;用于检测站点是否存在git源码泄漏&#xff0c;并能够将网站源代码下载到本地。值得一提的是&#xff0c;这个工具会将整个git repo恢复到本地&#xff0c;而不是像[githack]那样&#xff0c;只是简单的恢复到最新版本。如此一来&#xff…

【Java基础】三大特性——多态

多态的前提条件&#xff1a;继承可以简单理解为&#xff1a;把子类看成父类类型&#xff08;反之是错误的&#xff09; 优缺点 弊端: 只能使用父类&#xff08;父接口&#xff09;中定义的功能好处: 函数的参数定义为父类&#xff08;父接口&#xff09;类型&#xff0c;可以…

使用idea编辑器回退git已经push的代码

直接上结果 选择想要回退的那次/多次提交历史, 右击, 选中 revert commit git自动产生一个Revert记录&#xff0c;然后我们会看到git自动将我第三次错误提交代码回退了&#xff0c;这个其实就相当于git帮我们手动回退了代码。 后续&#xff0c;只需要我们将本次改动push到远…

Vue 介绍

【1】前端发展史 前端的发展史可简述为&#xff1a; 从最初的静态页面编写&#xff0c;依赖后端模板渲染逐步演化为通过JavaScript&#xff08;特别是Ajax技术&#xff09;实现前后端分离&#xff0c;使得前端能够独立地加载数据和渲染页面随后&#xff0c;Angular、React、Vu…

《鸿蒙:开启智能新时代的璀璨之光》

在科技的浩瀚宇宙中&#xff0c;华为鸿蒙犹如一颗闪耀的明星&#xff0c;迸发出璀璨的光芒。它是智慧与创新的完美融合&#xff0c;以其卓越的性能和独特的设计&#xff0c;颠覆着我们对科技的认知。 鸿蒙系统&#xff0c;就像一幅绚丽多彩的奇幻画卷&#xff0c;在我们眼前徐徐…

VUE 监视数据原理

1、如何监测对象中的数据&#xff1f; 通过setter实现监视&#xff0c;且要在new vue时就传入监测的数据 &#xff08;1&#xff09;对象中后加的属性&#xff0c;vue默认不做响应式处理 &#xff08;2&#xff09;如需给后添加的属性做响应式&#xff0c;请使用如下API&#x…

open 函数到底做了什么

使用设备之前我们通常都需要调用 open 函数&#xff0c;这个函数一般用于设备专有数据的初始化&#xff0c;申请相关资源及进行设备的初始化等工作&#xff0c;对于简单的设备而言&#xff0c;open 函数可以不做具体的工作&#xff0c;你在应用层通过系统调用 open 打开设备…

Docker部署PostgreSQL

1. 指令&#xff1a; # 拉取镜像 docker pull postgres# 创建容器 docker run --name postgres -e POSTGRES_PASSWORDpostgres -p 5432:5432 -v /mydata/docker/postgres/data:/var/lib/postgresql/data -d postgres# 或&#xff1a; docker run \--name postgres \-e POSTGRE…

2024年电化学、可再生能源与绿色发展国际会议(ICERGD2024)

2024年电化学、可再生能源与绿色发展国际会议(ICERGD2024) 会议简介 2024国际电化学、可再生能源与绿色发展大会&#xff08;ICERGD2024&#xff09;将在青岛隆重举行。本次会议聚焦电化学、可再生能源和绿色发展领域的最新研究成果和技术趋势&#xff0c;旨在促进相关领域…

OpenNJet:下一代云原生应用引擎

OpenNJet&#xff1a;下一代云原生应用引擎 前言一、技术架构二、新增特性1. 透明流量劫持2. 熔断机制3. 遥测与故障注入 三、Ubuntu 发行版安装 OpentNJet1. 添加gpg 文件2. 添加APT 源3. 安装及启动4. 验证 总结 前言 OpenNJet&#xff0c;是一款基于强大的 NGINX 技术栈构建…

typescript类型基础

typescript类型基础 枚举类型 enum Season {Spring,Summer,Fall,Winter }数值型枚举 enum Direction {Up,Down,Left,Right } const direction:Direction Direction.up每个数值型枚举成员都表示一个具体的数字&#xff0c;如果在定义一个枚举的时候没有设置枚举成员的值&…

Excel利用数据透视表将二维数据转换为一维数据(便于后面的可视化分析)

一维数据&#xff1a;属性值都不可合并&#xff0c;属性值一般在第一列或第一行。 二维数据&#xff1a;行属性或列属性是可以继续合并的&#xff0c;如下数据中行属性可以合并为【月份】 下面利用数据透视表将二维数据转换为一维数据&#xff1a; 1、在原来的数据上插入数据透…

MySQL字符编码中的各个字符集的区别

MySQL8.0及以后版本 默认的字符集是utf8mb4&#xff0c;默认的排序规则是utf8mb4_0900_ai_ci。此排序规则不区分大小写&#xff0c;所以在项目查询功能中要格外注意。另外此排序规则不兼容MySQL8.0之前的数据&#xff0c;当做关联查询时会报错。 MySQL8.0之前版本 默认的字符…