Vue属性绑定和双向数据绑定
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>属性绑定和双向数据绑定</title>
</head>
<script src="./vue.js"></script>
<body>
<div id="root">
<!-- 属性绑定 -->
<div :title="title">hello world</div>
<!-- 双向数据绑定 -->
<input v-model="content">
<div>{{content}}</div>
</div>
<script>
new Vue({ // 创建实例
el: '#root', // 挂载点
data: {
title: 'hello vue!',
content: 'this is content'
},
})
</script>
</body>
</html>