PHP前端开发

vue数据怎么传递

百变鹏仔 3个月前 (09-25) #VUE
文章标签 数据
vue 中的数据传递有以下方式:父子组件传递:通过 props 和 events同级组件传递:通过 eventbus 和 store全局数据传递:通过 vuex 和浏览器存储 api路由传递:通过 params、query 和 store

Vue 中的数据传递

在 Vue 中,数据传递可以通过以下几种方式实现:

1. 父子组件传递

2. 同级组件传递

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

3. 全局数据传递

4. 路由传递

实例:

使用 props 传递数据:

<!-- 父组件 --><template><childcomponent :message="message"></childcomponent></template><script>export default {  data() {    return { message: 'Hello from Parent' }  }</script>
<!-- 子组件 --><template><p>{{ message }}</p></template><script>export default {  props: ['message']</script>