<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.active{
color: red;
}
</style>
</head>
<body>
<div id="app">
<a v-bind:href="res.url" v-bind:title="res.title">{{ res.name }}</a>
<h3 v-bind:class="{active:isActive}">v-bind的用法</h3>
<h4 :aaa = 'res.name'>bind</h4:aaa>
<h4 :style="{color: isColor,fontSize:fontSize+'px'}">lizzy</h4>
</div>
<script src="vue.js"></script>
<script>
//v-bind 主要绑定属性或者自定义属性
new Vue({
el:'#app',
data:{
res:{
name:'百度',
url:'https://www.baidu.com',
title:'百度一下'
},
isActive:true,
isColor:'green',
fontSize:30
}
})
</script>
</body>
</html>