vue2.0子组件中怎么改变父组件中的值 ?

下面vue.js教程栏目给大家介绍一下vue2.0中子组件通过v-modal改变父组件中值的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

vue2.0子组件中怎么改变父组件中的值 ?

vue2.0中子组件通过v-modal改变父组件中的值

父组件代码:

  p    p this is father    child(v-model="data")  import child from "./childrenS.vue";  export default{    data(){      return {        data: [1, 2, 3]      }    },    components: {      child    },    watch: {      data(n, o){        console.log(n,o)      }    }  }

登录后复制

  子组件代码:

立即学习“前端免费学习笔记(深入)”;

  p this is child  export default{      created(){          this.$emit("input",[4,5,6])      }  }

登录后复制

  效果如下:

vue2.0子组件中怎么改变父组件中的值 ?

相关推荐:2020年前端vue面试题大汇总(附答案)vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:vue.js教程!!

以上就是vue2.0子组件中怎么改变父组件中的值 ?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3022964.html

(0)
上一篇 2025年3月13日 06:01:20
下一篇 2025年3月13日 06:01:35

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue watch用法是什么

    vue watch用法是:1、当fullName值变化时,watch监听到并且执行;2、watch执行handler方法和immediate属性;3、使用deep属性,深度监听,常用语对象下面属性的改变。 【相关文章推荐:vue.js】 v…

    2025年3月13日
    200
  • vuex有什么用?

    vuex是基于vue框架的一个状态管理库,可以管理复杂应用的数据状态,可以方便的实现组件之间的数据共享,例兄弟组件的通信、多层嵌套的组件的传值等等;它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。…

    2025年3月13日
    200
  • vue怎么请求后端数据

    vue请求后端数据的方法:首先在api文件夹下,建立接口js文件;然后确定baseURL和url后缀;最后输入需要获取数据的代码即可。 本教程操作环境:windows10系统、vue2.9,本文适用于所有品牌的电脑。 【相关文章推荐:vue…

    2025年3月13日
    200
  • 什么是Vue CLI

    Vue CLI是指vue脚手架,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序,而且可用于自动生成vue和webpack的项目模板。 推荐:《vue.js教程》 VUE-CLI 脚手架 什么是vue-cli vu…

    2025年3月13日
    200
  • 全面解析vue中的nextTick

    下面vue.js教程栏目给大家介绍一下vue中的nexttick。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 vue是非常流行的框架,他结合了angular和react的优点,从而形成了一个轻量级的易上手的具有双向数据…

    2025年3月13日
    200
  • vue.怎么绑定属性

    vue绑定属性的方法:1、class绑定,代码为【item —- key】;2、style绑定,代码为【 本教程操作环境:windows10系统、vue2.9,本文适用于所有品牌的电脑。 【相关文章推荐:vue.js】 vue绑…

    2025年3月13日
    200
  • vue的$router是什么

    vue的【$router】是VueRouter的一个对象,通过【Vue.use(VueRouter)】和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象。 本教程操作环境:windows10系统、vue2…

    2025年3月13日
    200
  • vue中iView是什么?

    在vue中,iView是一套基于Vue.js的开源UI组件库,主要服务于PC界面的中后台产品。iView提供丰富的组件和功能,可满足绝大部分网站场景;提供开箱即用的Admin系统和高阶组件库,极大程度节省开发成本。 iView 是一套基于 …

    2025年3月13日
    200
  • vue和react相似和区别是什么

    vue和react相似和区别:1、相似之处是他们都是JavaScript的UI框架,专注于创造前端的富应用;2、区别是react数据流单向,而vue数据双向绑定。 【相关文章推荐:vue.js】 vue和react相似和区别: 相似之处 他…

    2025年3月13日
    200
  • vue中如何使用hightchats?方法介绍

    vue中如何使用hightchats?下面vue.js栏目给大家介绍一下vue使用hightchats的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 vue中使用hightchats 1、安装highcharts …

    2025年3月13日
    200

发表回复

登录后才能评论