2022 年 3月 27 日随笔档案 - weakup

2022年3月27日

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name 阅读全文

posted @ 2022-03-27 21:34 weakup 阅读(9) 评论(0) 推荐(0)

$emit改成插槽slot

摘要： <!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 @ 2022-03-27 20:53 weakup 阅读(18) 评论(0) 推荐(0)

升级的插槽slot

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2022-03-27 20:24 weakup 阅读(19) 评论(0) 推荐(0)

插槽slot

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2022-03-27 18:40 weakup 阅读(21) 评论(0) 推荐(0)

动态组件

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name 阅读全文

posted @ 2022-03-27 17:55 weakup 阅读(15) 评论(0) 推荐(0)

组件通信refs

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2022-03-27 17:25 weakup 阅读(19) 评论(0) 推荐(0)

bus-案例

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-03-27 16:57 weakup 阅读(22) 评论(0) 推荐(0)

中间人模式-子传父，父传子

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-03-27 16:11 weakup 阅读(27) 评论(0) 推荐(0)

组件子传父

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2022-03-27 15:25 weakup 阅读(81) 评论(0) 推荐(0)

组件父传子

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2022-03-27 14:36 weakup 阅读(24) 评论(0) 推荐(0)

vue组件

摘要： // 1. 起名字：js驼峰， html 链接符- // 2. dom片段没有代码提示没有高亮显示 - vue单文件组件解决 // 3. css 只能写成行内。- vue单文件组件解决 // 4. template 包含一个根节点 // 5. 组件是孤岛,无法【直接】访问外面的组件的状态或者阅读全文

posted @ 2022-03-27 12:26 weakup 阅读(18) 评论(0) 推荐(0)

函数可以替换成过滤器demo

摘要：用函数可以替换成过滤器 " | " 通过管道符送到imgFilter过滤器中进行处理也可以加多个 | 注意：Vue3 过滤器不支持阅读全文

posted @ 2022-03-27 11:41 weakup 阅读(21) 评论(0) 推荐(0)

watch与computed区别

摘要： 0. data => 状态，被拦截。 1. 方法==》事件绑定，逻辑计算。可以不用return，没有缓存 2. 计算属性(重视结果)=》解决模板过重问题，必须有return ，只求结果 ,有缓存，同步。computed //计算属性(防止模板过重，难以维护)，负责逻辑放在计算属性中来写。 // 阅读全文

posted @ 2022-03-27 09:52 weakup 阅读(24) 评论(0) 推荐(0)

@change与@input的区别

摘要： @change当输入框失焦的时候触发而且在elementUI中使用change时是这样的@visible-change @input是输入框发生变化时触发，也就是说输入框一动就出触发了阅读全文

posted @ 2022-03-27 09:51 weakup 阅读(312) 评论(0) 推荐(0)