什么是Vue?
框架的概念:
双向绑定原理:
Vue快速入门程序:
插值表达式:
常用指令:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vue-指令-v-bind</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<a v-bind:href = "url">连接一</a>
<input type="text"v-model="url">
</div>
</body>
<script>
//定义Vue对象
new Vue({
el: "#app", //vue接管区域
data:{
url:"https://www.baidu.com"
}
})
</script>
</html>
常用指令v-on:
v-if、v-show条件渲染:
v-for:
vue的生命周期: