vue2.0子组件中怎么改变父组件中的值 ？
下面Vue.js教程栏目给大家介绍一下vue2.0中子组件通过v-modal改变父组件中值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
vue2.0中子组件通过v-modal改变父组件中的值
父组件代码：
<template lang="pug">
p
p this is father
child(v-model="data")
</template>
<script>
import child from "./childrenS.vue";
export default{
data(){
return {
data: [1, 2, 3]
}
},
components: {
child
},
watch: {
data(n, o){
console.log(n,o)
}
}
}
</script>
子组件代码：
<template lang="pug">
p this is child
</template>
<script>
export default{
created(){
this.$emit("input",[4,5,6])
}
}
</script>
效果如下：
相关推荐：
2020年前端vue面试题大汇总（附答案）
vue教程推荐：2020最新的5个vue.js视频教程精选
更多编程相关知识，请访问：编程学习网站！！
以上就是vue2.0子组件中怎么改变父组件中的值 ？的详细内容！
相关内容
-
vue watch用法
在Vue.js中，watch 选项用于监听数据的变化，并在数据变化时执行相应的操作。watch 选项可以是一个对象，也可以是一个函数。下面分别介绍两种用法：对象形式的 watc...
-
vue的splice方法
在Vue.js中，数组的 splice 方法是用于在数组中添加或删除元素的方法。它可以用于对数组进行原地修改，从而触发视图更新。splice 方法的语法如下：array.spl...
-
Vue插槽Slot的用法
Vue中的插槽（Slot）是一种非常强大的组件通信方式，它可以让父组件向子组件传递任意的HTML内容，从而让子组件可以根据需要插入这些内容。插槽可以分为具名插槽和默认插槽两种类...
-
vue nextick用法
在Vue.js中，$nextTick 是一个实例方法，它用于在DOM更新之后执行一段代码。$nextTick 方法接受一个回调函数作为参数，该回调函数会在DOM更新完成后被调用...
-
Vue中Computed属性、Methods和Watch之间的差异
对于那些刚开始学习Vue的人来说，方法，计算属性和观察者之间的差异让人有些困惑。尽管经常可以使用它们中的每一个来完成或多或少相同的事情，但是知道它们在哪些方面优于其他的是很重要...
-
Vue.js中使用动态组件的方法
本文介绍了如何在Vue.js中引用组件中的HTML元素。您可以通过使用Vue路由器或创建动态组件来切换视图或组件模板。Vue路由器用于在DOM中的视图或组件模板之间导航。要使用...
-
Vue项目中使用异步组件来优化性能
在使用JavaScript框架创建大型应用程序时，考虑组件结构非常重要。通过考虑组件结构，可以避免在运行时加载每个组件并减慢应用程序的速度。在构建应用程序时，您还可以避免向用户...
-
分享Vue项目中会用到的一些实战技巧点
在开发Vue的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天小编就整理了几个在项目中会用到的一些实战技巧点，...
-
详解Vue.js中的作用域插槽
作用域槽是Vue.js的一个有用特性，它可以使组件更加通用和可重用。唯一的问题是它们很难理解!试着让你的头在父母和孩子的范围内交织，就像解决一个棘手的数学方程。当你不能很容易地...
-
Vue.js中使用无状态组件的方法介绍
在本文中，您将了解功能组件，并了解如何在Vue中的工作流中使用无状态组件。Vue应用程序状态是一个确定组件行为的对象。Vue应用程序状态指示组件如何呈现或如何动态。在你开始之前...
