爱前端的小魏

vue3--setUp以及ref的使用

摘要： <template> <h1>计数统计：{{ countRef }}</h1> <h2><button @click="inCreate">数量加1</button></h2> <h2><button @click="inDelete">数量-1</button></h2> </template> 阅读全文

posted @ 2023-07-07 10:29 爱前端的小魏阅读(150) 评论(0) 推荐(0)

vue事件总线

摘要： //事件总线: 类似于单独对于一个功能的处理。组件间通信的方式；适用于任意组件间通信 // export default{ // //监控事件 // $on(eventName,handler){ // if(!listeners[eventName]){ // listeners[eventNam 阅读全文

posted @ 2023-06-14 09:04 爱前端的小魏阅读(100) 评论(0) 推荐(0)

vue实现子父组件之间通信

摘要： <template> <div> <button @click="handleClick" :disabled="isLoading"> {{ isLoading ? "loading" : "submit" }} </button> <div class="err">{{ error }}</di 阅读全文

posted @ 2023-06-14 08:57 爱前端的小魏阅读(32) 评论(0) 推荐(0)

vuex基础语法

摘要： // import Vuex from "vuex"; // import Vue from "vue"; // Vue.use(Vuex); // /* // vuex作用：数据共享 // 用法：在store新建一个js文件；new Vuex.Store // 方法： // state：初始状态数阅读全文

posted @ 2023-06-14 08:56 爱前端的小魏阅读(47) 评论(0) 推荐(0)

listeners和v-model

摘要： <template> <div id="app"> <LoadingButton @click="handlesClick"></LoadingButton> <ceShi2></ceShi2> </div> </template> <script> import LoadingButton fro 阅读全文

posted @ 2023-06-12 09:45 爱前端的小魏阅读(28) 评论(0) 推荐(0)

新增数组API

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2023-05-15 21:32 爱前端的小魏阅读(37) 评论(0) 推荐(0)

手写Promise

摘要： const PENDING = "pending"; const FULFILLED = "fulfilled"; const REJECTED = "rejected"; //创建微队列 function runMicroTask(callback) { //判断node环境 process.ne 阅读全文

posted @ 2023-05-11 17:55 爱前端的小魏阅读(36) 评论(0) 推荐(0)

Promise-aync和await

摘要： Async：在函数前面加上 Async表示返回的是Promise构造函数；比写then也会省略好多代码（try写正常的代码；catch写报错代码）await：等待函数执行完后在执行；微队列和宏对列表：就是代码执行的顺序由于涉及到微队列和宏队列；setInterval和settimeoute（宏队列）阅读全文

posted @ 2023-05-10 10:37 爱前端的小魏阅读(55) 评论(0) 推荐(0)

对象-字面量，Object新增api，面向过程和面向对象，类构造函数/继承

摘要： /* 字面量速写：如果属性名和形参名一致，可以直接写形参名方法速写:省略冒号和function sayHello(){} //实际上是 sayHello :function(){} 计算属性名通过 [] 计算出来 */ //方法速写 //字面量速写： // function san(a,b,c 阅读全文

posted @ 2023-05-06 18:03 爱前端的小魏阅读(29) 评论(0) 推荐(0)

箭头函数

摘要： /* this指向 1.通过对象调用函数，this指向对象 2.直接调用函数，this指向全局 3.通过new调用函数，this指向新创建对象 4.通过call，apply，bind调用函数，this指向指定数据 5.dom事件函数，this指向事件源箭头函数用法关于函数表达式，任何函数表达式都阅读全文

posted @ 2023-05-06 11:04 爱前端的小魏阅读(42) 评论(0) 推荐(0)