精选留言(12)

• 
  Dio

  2019-03-20

  影片中没有录到父组件的代码，我列在这里，以免学习上的断点
  
  <template>
      <div id="app">
          <event :name="name" @change="handleEventChange"></event>
      </div>
  </template>
  <script>
  import Event from "./Event"
  export default{
      components:{
          Event,
      },
      data:()=>{
          return {
              name:"",
          }
      },
      methods:{
          handleEventChange(val){
              this.name = val;
          }
      }
  }
  </script>

  展开

   2

   24
• 
  Geek_440186

  2019-03-19

  emit的读音是一昧特，不是暧昧特。

  

   7
• 
  Geek_9185ae

  2019-03-18

  this.$emit() 返回的是当前的 vue实例 , 老师的第二个问题 如果在上层组件return了一个值, this.$emit能不能接收到, 这个问题没懂是什么意思 , 请老师解答一下

  

   4
• 
  Geek_0afc7c

  2019-04-12

  这节课我也看得云里雾里 老师最好还是把父组件的代码弄过来一起看比较清晰点。。。ps:老师头发好多好帅。

  

   2
• 
  你是单身狗

  2019-03-21

  1、@click="handleDivClick" 事件在这儿有什么作用吗？
  2、<input :value="name" @change="handleChange" />中改为数据的双向绑定v-model="name"效果是一样，是不是更好理解点？
  3、感觉重要的细节地方还是看Vue.js官方文档手动敲下明白的更透彻些；

  

   2
• 
  Vivian

  2019-03-20

  老师，在哪里可以看到每集里问题的答案这样自己可以做个检验

  

   2
• 
  pp2004266

  2019-04-17

  非常喜欢老师的课程，不知道评论里的傻白是怎么回事，既然是实战课，就得自己预先具备点基本知识概念之类的吧

   1

   1
• 
  Geek_eeea87

  2019-04-24

  建议先看父组件的代码在看视频

  

  
• 
  huanghui

  2019-03-28

  每天打卡，看到一起学习的小伙伴问的问题，自己心中也有一些共同的疑问，就是一起在学习的过程。老师对于问题的解答，也帮助了理解。但感觉还是有些一知半解。希望越学越透，继续加油！

  作者回复: 没关系的，随着自己的实战应用会有更好更深入的理解的 没有人一次就能全部理解透彻 加油

  

  
• 
  王莹

  2019-03-25

  返回值是组件自己
  上层返回值只能通过回调函数传回子组件
      callback(val) {
        console.log('callback', val)
      },
      handleChange(e) {
        let rtn = this.$emit("change", e.target.value, this.callback);

  展开

  

  
• 
  盆栽

  2019-03-21

  老师，这个问题，“但有的时候我们需要父组件的这个值，做进一步的逻辑处理”。我一般是这么处理的。
  
  父组件的方法parentFunc采用值传递方式，子组件const 父组件的返回值 = parentFunc(子组件的参数)
  // 进一步处理

  作者回复: 对，你这是使用属性的方式传递了这个方法，如果要用事件的话，就得不到了。只能使用其他方式，回调或改写$emit（不建议）

  

  
• 
  卓~Z

  2019-03-19

  var data= this.$emit("handlePropChange",this.msg === "success" ? "warning" : "success");
         console.log(data.$parent.handlePropChange());

  

  