使用v-bind后没有绑定
来源：2-4 Vue中的属性绑定和双向数据绑定
MROC
2018-07-02 14:29
如题，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>
写回答
关注
4回答
-
- 慕码人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 就可以引入了
vue2.5入门
快速理解Vue编程理念上手Vue2.0开发。
146820 学习 · 657 问题
相似问题