vue3.0 ------ createApp()

news/2024/7/10 3:13:33 标签: vue

vue3.0 ------ createApp()

在2.X版本中创建一个vue 实例是通过 new Vue()来实现的,到了3.X中则是通过使用createApp这个 API返回一个应用实例,并且可以通过链条的方式继续调用其他的方法

参数
components options
root props
例如:我在main.js中定义了username,之后整个项目中,都可以props接收username,并使用


http://www.niftyadmin.cn/n/951522.html

相关文章

修改webkit内核浏览器滚动条样式(修改element-ui table样式)

webkit浏览器css设置滚动条主要有下面7个属性 1. ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 2. ::-webkit-scrollbar-button 滚动条两端的按钮 3. ::-webkit-scrollbar-track 外层轨道 4. ::-webkit-scrollbar-track-piece 内层滚动槽 5. ::-webkit-s…

vue3 reactive函数用法

reactive的用法与ref的用法相似&#xff0c;也是将数据变成响应式数据&#xff0c;当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型&#xff0c;而reactive是用于复杂数据类型&#xff0c;比如对象和数组 例如&#xff1a;定义一个对象类型的变量user <templ…

Vue Function-based API RFC

转载尤大大的文章&#xff1a;https://zhuanlan.zhihu.com/p/68477600 2020 年一月又注&#xff1a;RFC 已经被完全重写&#xff0c;最新版本请以 https://composition-api.vuejs.org/ 为准。以下内容会有部分与最新的 API 有出入&#xff0c;但依然可以帮助理解。 --- 译注…

[import ... from」、「 import ... = require()」 和 「import(path: string)」有什么区别?

1、import ... from2、import(path: string)3、import ... require() 前两个都是ES6的模块语法&#xff0c;第3个import ... require() 是ts的语法 使用export命令定义了模块的对外接口以后&#xff0c;其他 JS 文件就可以通过import命令加载这个模块 第1个&#xff1a;im…

TS之类型断言

类型断言用于手动指定一个值的类型。 一、语法 值 as 类型 二、用途 2.1 将一个联合类型断言为其中一个类型 interface Cat {name:string;run():void; } interface Fish {name:string;swim():void; } function getName(animal:Cat|Fish):string{return animal.name; } 只…

vue props和attrs

vue3 props 要先声明才能取值&#xff0c;attrs不用声明直接使用&#xff08;$attrs 包含 class and style attribute&#xff09;props 不包含事件&#xff0c;attrs包含 props 支持 String 以外的类型&#xff0c;attrs只有 String 类型 props 没有声明的属性&#xff0c;会…

vue3 setup使用(详细)

官网vue3-setup 总结&#xff1a; 1、setup 函数时&#xff0c;它将接受两个参数&#xff1a;&#xff08;props、context(包含attrs、slots、emit)&#xff09; 2、setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之前的函数 3、执行 setup 时&#x…

vue3 computed和watch

学习笔记记录&#xff08;内容来源于官网&#xff09; computed vue3 计算属性和vue2变化不大&#xff0c;只需要注意&#xff0c;它返回的是一个响应式的ref对象,所以在使用的时候需要.value(模板中使用不需要&#xff0c;会自动展开) const count ref(1) const plusOne …