摘要: 前置:父组件有data.num1,子组件通过props定义了cnum1来接收data.num1的值 需求:在子组件内定义个输入框,希望输入数据时能够改变父组件的data.num1的值。 思路:v-model双向绑定 1.通过v-model将子组件的输入框与props.cnum1双向绑定 代码如下: 阅读全文
posted @ 2021-07-04 23:46 kaer_invoker 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 场景:用户进入首页,点击分类导航栏获取分类数据信息。 逻辑原理是:一般所有的网络请求是通过最外层的父组件发送给服务器,而用户对系统的操作都是对子组件的操作。比如用户点击分类导航栏(分类导航栏是子组件)获得指定分类中的数据,用户就需要子组件将请求数据(分类:手机数码)发送给父组件。由父组件请求服务器获 阅读全文
posted @ 2021-07-04 19:58 kaer_invoker 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 子组件变量名称为驼峰标识时,在html中子组件中子组件的变量与父组件的变量绑定关系时,子组件标签中的变量需要使用横杆,比如子组件变量为childMessage,那么在html中子组件绑定父组件的标签就应该写成child-message。具体代码如下: 1 <!DOCTYPE html> 2 <htm 阅读全文
posted @ 2021-07-04 17:50 kaer_invoker 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 前面阐述了平级访问,即父组件的view层访问父组件的data层,直接通过插值显示即可简单访问。但是实际开发的场景如下: 1.结构:开发场景中一个主页面是一个父组件,内部很很多子组件,子组件内部又有子组件2.网络请求:一个页面的数据一般是由父组件请求网络数据后,再向下传递给子组件3.父子组件之间的通信 阅读全文
posted @ 2021-07-04 10:27 kaer_invoker 阅读(135) 评论(0) 推荐(0) 编辑