前端小马
前端小马

尚品汇(后台管理系统)学习笔记

尚品汇(后台管理系统)学习笔记_第1张图片

 笔记：

v-model实现父子组件通信：
  原始dom事件oninput，他经常结合表单元素一起使用，当表单原始内容发生变化时就触发一次回调
  v-model实现原理：value和input事件实现的，可以通过v-model实现父子组件的数据同步
  1.  在vue2中可以通过value与input事件实现v-model功能
      例如：
        
        data() {
          return {
            num: "1",
          };
        },     这样和 效果一样
  2. 实现父子组件数据同步
       在父组件中：
          
          给子组件标签传递一个value属性值为num的值
          绑定一个input自定义事件，触发后让num的值等于传过来的值
          可以简化为：
          
          data() {
            return {
              num: "1",  设置num
            }
          }
       在子组件中：
          
          在子组件的input标签中设置value值为父组件传过来的值，
          绑定input原生事件，当触发input原生事件时触发绑定的input自定义事件，
          同时把子组件中input标签的value的值传过去
          props: ["value"] 接收传过来的属性

--------------------------------------------------------------------------------
属性修饰符sync(组件通信方式之一)：
  与v-model类似
  例如:
     
  代表父组件给子组件传递money，给子组件绑定一个自定义事件update:money
  可以简写：
     
  也代表父组件给子组件传递money，给子组件绑定一个自定义事件update:money