W~C停用

导航

2021年2月12日 #

组件中获取子组件对象(children)方法(不常用)

摘要: 说明 通过该方法获取的子组件对象是一个数组,需要根据下标来定位子组件对象 其代码如下: 阅读全文

posted @ 2021-02-12 23:34 W~C停用 阅读(92) 评论(0) 推荐(0) 编辑

Vue组件中通过refs获得子组件对象(常用)

摘要: 1、在子组件中添加ref的Key 说明: 这里的ref的Key为aa 2、在需要获得该子组件对象的地方写如下代码 阅读全文

posted @ 2021-02-12 23:26 W~C停用 阅读(774) 评论(0) 推荐(0) 编辑

2021年2月11日 #

Vue组件之间的通信(子传父)

摘要: 源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="view 阅读全文

posted @ 2021-02-11 01:37 W~C停用 阅读(44) 评论(0) 推荐(0) 编辑

Vue中v-bind不支持驼峰标识,可以使用-分离

摘要: Vue中v-bind不支持驼峰标识,可以使用-分离 阅读全文

posted @ 2021-02-11 00:28 W~C停用 阅读(152) 评论(0) 推荐(0) 编辑

Vue子组件属性如何限定使用组件时必须传一个参数给子组件(required)

摘要: 在属性对象中加入一个required:true 如下图: 阅读全文

posted @ 2021-02-11 00:03 W~C停用 阅读(425) 评论(0) 推荐(0) 编辑

2021年2月10日 #

Vue子组件中属性类型的限定及默认值的设定

摘要: 案例源代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="vie 阅读全文

posted @ 2021-02-10 23:58 W~C停用 阅读(1012) 评论(0) 推荐(0) 编辑

Vue子组件中属性类型的限定(对象的方式声明属性)

摘要: 案例源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="view 阅读全文

posted @ 2021-02-10 23:53 W~C停用 阅读(503) 评论(0) 推荐(0) 编辑

父组件向子组件中传递参数

摘要: 父组件通过属性绑定的方式想子组件中传递参数 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 阅读全文

posted @ 2021-02-10 23:31 W~C停用 阅读(159) 评论(0) 推荐(0) 编辑

Vue组件模块的分离写法

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

posted @ 2021-02-10 00:22 W~C停用 阅读(161) 评论(0) 推荐(0) 编辑

Vue组件的全局组件和局部组件(附有语法糖注册代码)

摘要: 全局组件: 在Vue实例外注册的组件,可以在多个Vue实例下使用。 局部组件: 在Vue实例下注册的组件,只能在注册该组件的Vue实例内使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi 阅读全文

posted @ 2021-02-10 00:09 W~C停用 阅读(104) 评论(0) 推荐(0) 编辑