问答详情
源自:2-4 Vue中的属性绑定和双向数据绑定

使用v-bind后没有绑定

如题,title前面添加了v-bind,保存刷新页面没有显示绑定,代码如下

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>vue</title>

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

</head>

<body>

<div id="root"></div>

<div v-bind:title="title">hello world</div>


<script>

new Vue({

el:"#root",

data:{

title:"this is hello world"

}

})

</script>

</body>

</html>



提问者:MROC 2018-07-02 14:29

个回答

  • 慕码人0226809
    2020-04-15 14:06:17

    你没有把那段代码包含进挂载点里面

  • 慕侠2155777
    2018-12-27 12:43:54

    建议再看一遍第一节,再理解一下。

  • Anmaster
    2018-07-12 23:29:06

    大哥,你看看你实例获取的节点,你获取的是root节点,操作的应该是root下面的内容,你的title放在他外面的div,自然绑定不成功。修改如下:

    <div id="root">

        <div v-bind:title="title">hello world</div>

    </div>

  • 小羊羔哒
    2018-07-02 16:20:52

    v-bind并没有引入  你将鼠标放在v-bind上面点击Alt+enter 就可以引入了