<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>属性绑定和双向数据绑定</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">
<!--属性绑定:v-bind:title数据绑定 双引号中的内容为一个js表达式 可以将v-bind省略掉-->
<div :title="'success yourself '+title">hello world</div>
<!-- v-model:数据双向绑定 -->
<input v-model="content"/>
<div>{{content}}</div>
</div>
<script>
new Vue({
el:"#root",
data:{
title:'this is a hello world',
content:'this is a content'
}
})
</script>
</body>
</html>
注:学习笔记内容来自:https://www.imooc.com/learn/980
官网:cn.vuejs.org