想问一下vue的一个官网小demo的问题,新人求指点
发布于 7 年前 作者 lily920416 3019 次浏览 来自 问答

官网demo是这样的

1111.png

然后我 照着写就报错了。。求指点!

2222.png333.png4444.png

6 回复

mymessage 谁叫你加-的?

还有

data: {parentMsg: ‘’}

数据也没初始化, id 应该在 div 上。

因为你在Vue实例的 data里没有 parentMsg 这个值

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>vue</title>
    <script type="text/javascript" src="vue2.0.js"></script>
</head>

<body>
    <div id="sss">
        <input v-model='parentmsg'></input>
        </br>
        <childpart :childmsg='parentmsg'> </childpart>
    </div>
</body>
<script type="text/javascript">
Vue.component('childpart', {
    props: ['childmsg'],
    template: "<p>{{childmsg}}</P>"
})
</script>
<script type="text/javascript">
new Vue({
    el: "#sss",
    data: {
        parentmsg: ''
    }
})
</script>

</html>

@unliar 非常感谢

回到顶部