$emit() 括号里面的引号不是常用的单引

  <div id="app" >
        <div :style="{ fontSize: postFontSize + 'px' }">
            <blog
                    v-for="post in posts"
                    v-bind:key="post.id"
                    v-bind:post="post"
                    v-on:enlarge-text="postFontSize-=10"
            ></blog>
        </div>
    </div>

    <script src="js/vue.js"></script>
    <script>

        Vue.component('blog',{
            props:['post'],
            template:'<div class="content"><h3><button v-on:click="$emit(`enlarge-text`)"> Enlarge text </button><h1>{{ post.name}}</h1></div>'
        })

        new Vue({
            el:'#app',
            data:{
                posts:[
                    { id:1, title:'jack',name:'sjemguamg'},
                    { id:2, title:'zhangsan',name:'xingcheng'}
                ],
                postFontSize:40
            }
        })

    </script>

括号里面的引号要是用单引号('')会报错，用这个(``)不报错