刚学的 props用法 报错啦

         <div id="app">
            <counter heading="yes" color="green"></counter>
            <counter heading="no" color="red"></counter>
        </div>
        <template id="counter-template">
            <div>
                <h1>{heading}</h1>
                <button @click="count+=1" style="background:{ color }">{count} </button>
            </div>
        </template>

    <script>

        Vue.component('counter',{
            template:'#counter-template',
            props:['heading','color'],
            data:function(){
                return {count:0};
            }
        });

        new Vue({
            el:"#app"
        });


    </script>

为什么我和视频里的是一样的代码 ,我的确报错呢

这个报错又是哪里造成的呢?这个报错是加上props之后的

JellyBool

这个是因为 vuejs 的版本不一样吧。然后就是在 vuejs 2.0 的时候,

style="background:{ color }" // 这种写法已经去除了

linjixue 回复 JellyBool
  • Vue.js v2.1.10
    这个版本不支持么
JellyBool 回复 linjixue

恩,vuejs 2.0 应该不支持这个写法了

linjixue 回复 JellyBool

我看到视频里 用的是vue.mini.js 可是没有找到下载的地方呢
能给个下载vue.mini.js的下载地址么 谢谢啦