vue.js - vue官网的例子有点看不懂，求解决

问题描述

问 题

import Vue from 'vue'
//第一种
    Vue.component('todo-item', {
        props:['todo'],
        template: '<li>{{todo}}<button @click="$emit(remove)">X</button></li>'
    });
//第二种
    Vue.component('todo-items', {
      template: '\
        <li>\
          {{ todo }}\
          <button v-on:click="$emit(\'remove\')">X</button>\
        </li>\
      ',
      props: ['todo']
    })

我想问一下上面的这两种有什么区别，第二种是正确的写法，第一种就是错误的？还有就是这个""是什么意思？

具体的官网地址在：https://cn.vuejs.org/v2/guide...

位置在

解决方案

$emit的事件名'remove'需要是字符串。

仔细看下两种写法，注意第二种是'remove'并用反斜杠转义。

@click="$emit(remove)"

v-on:click="$emit(\'remove\')"

这篇关于vue.js - vue官网的例子有点看不懂，求解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！