如题,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>
你没有把那段代码包含进挂载点里面
建议再看一遍第一节,再理解一下。
大哥,你看看你实例获取的节点,你获取的是root节点,操作的应该是root下面的内容,你的title放在他外面的div,自然绑定不成功。修改如下:
<div id="root">
<div v-bind:title="title">hello world</div>
</div>
v-bind并没有引入 你将鼠标放在v-bind上面点击Alt+enter 就可以引入了