摘要：
slot插槽的基本使用。 插槽的默认值 如果有多个值，同时放入到组件进行替换时，一起作为替换元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <d 阅读全文
posted @ 2021-06-03 19:36
竹石2020
阅读(98)
评论(0)
推荐(0)
摘要：
父组件直接调用子组件中的某个方法。 父组件访问子组件的方式 $children或者$refs 子组件访问父组件的方式 $parent <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> 阅读全文
posted @ 2021-06-03 19:01
竹石2020
阅读(71)
评论(0)
推荐(0)
摘要：
父子组件实现数据互通 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <cpn :cnum1=" 阅读全文
posted @ 2021-06-03 18:21
竹石2020
阅读(79)
评论(0)
推荐(0)
摘要：
父传子数据 子组件在props里面定义一个数组 父组件通过绑定子组件中props的值，来进行传递数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 阅读全文
posted @ 2021-06-02 20:30
竹石2020
阅读(39)
评论(0)
推荐(0)
摘要：
组件中用函数的原因 如果不用函数返回就会出现连锁反应。 因为组件会被多次复用，所以每次用的时候用函数返回一个data，那么每次的data都不会相互影响。 每一个组件的实例对象都有一个自己的对象。 <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文
posted @ 2021-06-02 18:39
竹石2020
阅读(107)
评论(0)
推荐(0)
摘要：
两种组件抽离方式，写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <cpn></cpn> 阅读全文
posted @ 2021-06-02 15:35
竹石2020
阅读(590)
评论(2)
推荐(0)
摘要：
组件的使用 组件的创建 组件的注册 组件的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} 阅读全文
posted @ 2021-06-02 15:03
竹石2020
阅读(73)
评论(0)
推荐(0)
摘要：
#v-model修饰符 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <!-- 绑定信息，字符 阅读全文
posted @ 2021-06-02 12:49
竹石2020
阅读(52)
评论(0)
推荐(0)
摘要：
v-for循环，绑定v-model <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <label 阅读全文
posted @ 2021-06-02 12:30
竹石2020
阅读(532)
评论(0)
推荐(0)
摘要：
v-model绑定checkbox。实现双向绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} 阅读全文
posted @ 2021-06-02 10:15
竹石2020
阅读(247)
评论(0)
推荐(0)
浙公网安备 33010602011771号