• 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>
    展开
     4
     25
  • Geek_440186
    2019-03-19
    emit的读音是一昧特,不是暧昧特。
     1
     8
  • 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
  • 🍃Lucky
    2020-01-06
    记录:插槽的用处
    使组件部分足够灵活,用户想设置什么样式不受限制
    冰山一角,感jio这里需要多注意
    
     1
  • pp2004266
    2019-04-17
    非常喜欢老师的课程,不知道评论里的傻白是怎么回事,既然是实战课,就得自己预先具备点基本知识概念之类的吧
     1
     1
  • fusion
    2020-01-16
    <template v-slot:pre-icon>
                            <span>前置图标</span>
                        </template>
    在Vue.js v2.6.11下不能使用,
    <span slot="pre-icon">前置图标</span> 这个写法可以

    作者回复: 哦? 可以去给vue提issue了

     1
    
  • Geek_bc4e76
    2019-12-23
    为什么我在VSCODE打印不出老师笑脸图标表情

    作者回复: 试试搜狗输入法 😃

    
    
  • minjiejiang
    2019-12-18
    老师您好,我引用了2.6的库后参照视频中实例写template语法
    template:<ul></ul>
    这段报错。是为什么?

    作者回复: 没加引号

    
    
  • 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());
    
    
我们在线,来聊聊吧