PHP Laravel Vue.js 视频教程

刚学的 props用法报错啦
评论发表于 7年前

额... 谢谢谢谢

刚学的 props用法报错啦
评论发表于 7年前

我用的就是这个呢

刚学的 props用法报错啦
评论发表于 7年前

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

刚学的 props用法报错啦
评论发表于 7年前

Vue.js v2.1.10
这个版本不支持么

刚学的 props用法报错啦
帖子发表于 7年前

         <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之后的

Vue.component
评论发表于 7年前

好的解决啦谢谢

初探Vuejs组件化开发
评论发表于 7年前

<div id="app">
    <counter></counter>
    <counter></counter>
</div>
<template id="counter-template">
    <h1>hello</h1>
    <button>Submit</button>
</template>

Vue.component('counter',{
    template:'#counter-template'
});
new Vue({
    el:"#app"
});

上面是我的代码
为什么会报错呢求解下面是报错的信息

<h1>hello</h1>
<button>Submit</button>
If you are using v-if on multiple elements, use v-else-if to chain them instead.

Vue.component
帖子发表于 7年前

<body>

<div id="app">
    <counter></counter>
    <counter></counter>
</div>
<template id="counter-template">
    <h1>hello</h1>
    <button>Submit</button>
</template>

Vue.component('counter',{
    template:'#counter-template'
});
new Vue({
    el:"#app"
});

</script>

下面是报错的
（没有找到为什么会报这样的错）

<h1>hello</h1>
<button>Submit</button>
If you are using v-if on multiple elements, use v-else-if to chain them instead.

linjixue

198 经验值