上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 15 下一页
摘要: Vue3 model v-model 其实是一个语法糖 通过props 和 emit组合而成的 破坏性的变动,相较于vue2的变动(具体写法改变请看下面): prop:value -> modelValue; 事件:input -> update:modelValue; v-bind 的 .sync 阅读全文
posted @ 2022-10-06 19:02 wanglei1900 阅读(261) 评论(0) 推荐(0) 编辑
摘要: vue3自动引入 配置完成之后使用ref reactive watch 等 无须import 导入 可以直接使用 npm i unplugin-auto-import -D 注意不要安装最新版本。。。不然因为这个插件会提示其他报错。亲测0.6.0版本可以正常运行npm i unplugin-auto 阅读全文
posted @ 2022-10-06 16:59 wanglei1900 阅读(2188) 评论(0) 推荐(0) 编辑
摘要: 父子组件间的传值 vue2的父子的传值和vue2的是基本一样的,只是在当我们在使用组合式api式,只是在子组件的写法不同。 defineProps 和 defineEmits 都是只能在 <script setup> 中使用的编译器宏。他们不需要导入,且会随着 <script setup> 的处理过 阅读全文
posted @ 2022-10-06 16:01 wanglei1900 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 全局组件 没啥讲的,和vue2一样,常规是src下components文件夹下新建全局组件,然后去入口文件main.ts里注册全局组件。然后就能在全局使用了 import { createApp } from 'vue' import App from './App.vue' import rout 阅读全文
posted @ 2022-10-06 00:24 wanglei1900 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 动态组件 <component>,一个用于渲染动态组件或元素的载体。 <component> 是vue内置特殊元素,和<slot>一样属于模板语法。但它们并非真正的组件,同时在模板编译期间会被编译掉。因此,它们通常在模板中用小写字母书写。 <component>要完成动态组件,要配合is一起完成。要 阅读全文
posted @ 2022-10-05 22:40 wanglei1900 阅读(446) 评论(0) 推荐(0) 编辑
摘要: Vue3 组合式api 的生命周期 beforeCreate created,setup语法糖模式(组合式api)是没有这两个生命周期的,用setup去代替 onBeforeMount 获取不到DOM, onMounted可以获取DOM onBeforeUpdate获取的是更新之前的DOM,onUp 阅读全文
posted @ 2022-10-05 14:44 wanglei1900 阅读(291) 评论(0) 推荐(0) 编辑
摘要: Mitt库 vue3取消了全局实例的$on,$off,所以可以借助轻量Mitt库实现 200bytes轻量库,进行组件通信,可以跨平台使用,支持批量监听和批量移除。 以下为vue3+ts项目中使用Mitt的方法 import { createApp } from 'vue' import App f 阅读全文
posted @ 2022-10-05 14:05 wanglei1900 阅读(1098) 评论(0) 推荐(0) 编辑
摘要: 定义一个抖动的类apply-shake @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% 阅读全文
posted @ 2022-09-26 17:04 wanglei1900 阅读(264) 评论(0) 推荐(0) 编辑
摘要: Array ECMA 规定数组是一组有序数据,和其他语言不同的是,数组中每个槽位可以存储任意类型的数据。 1. 创建数组 1.1 使用Array构造函数创建数组 // 使用Array构造函数创建数组 let colors = new Array(); // [] // 如果只传入一个参数,并且这个参 阅读全文
posted @ 2022-09-11 22:28 wanglei1900 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 一、原始值和引用值 JS可以保存两种类型的值:原始值和引用值。原始值是最简单的数据,引用值则是由多个值构成的对象。变量赋值时,首先要确定这个值是原始值还是引用值。 原始值:Undefined、Null、Boolean、Number、String和Symbol。原始值保存在栈内存上。 保存原始值的变量 阅读全文
posted @ 2022-09-05 23:49 wanglei1900 阅读(28) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 15 下一页