Vue 的单项数据流

作者: 萤火驻守心间 | 来源:发表于2022-05-14 22:52 被阅读0次

数据总是从父组件传到子组件,子组件没有权利修改父组件传过来的数据,只能请求父组件对原始数据进行修改。这样会防止从子组件意外改变父组件的状态,从而导致应用的数据流向难以理解。

注意:在子组件直接用 v-model 绑定父组件传过来的 props 这样是不规范的写法,开发环境会报警告。

如果实在要改变父组件的 props 值可以再data里面定义一个变量,并用 prop 的值初始化它,之后用$emit 通知父组件去修改。

相关文章

  • 2018-04-02

    vuex(二) 文档中给出了一个vuex的“单项数据流”的图,证明vuex依然遵循vue.js单项数据流的特点,代...

  • Vue 的单项数据流

    数据总是从父组件传到子组件,子组件没有权利修改父组件传过来的数据,只能请求父组件对原始数据进行修改。这样会防止从子...

  • Vue组件几种方式

    vue组件实现Tab切换功能 两个组件方式,还有一种是 .vue 为后缀的文件组件,需要模块化才能用 单项数据流,...

  • Vue 中 props 传值,父组件向子组件传递对象可以直接修改

    单项数据流 vue 中父子组件通信最常用的方式是 props 和 $emit,所有的 prop 都使得其父子 pr...

  • Vue props单项数据流

    {{message}} 修改父组件的数据