1. vue学习
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="https://unpkg.com/vue@2"></script>
</head>
<body><div id="app"><input type="text" v-model="message">{{message}}</div>
</body>
<script>//定义vue对象new Vue({el:"#app",data:{message:"hello vue"}})
</script>
</html>此次使用的是vue2，注意引入src的版本。
v-model 用于将表单元素的值与 Vue 实例中的数据进行绑定，使得当表单元素的值发生变化时，Vue 实例中对应的数据也会随之更新，反之亦然。（要不然你就要写得很麻烦，如果一个改了，要用代码去写另一个跟着改）
意思就是，你改框里的，外面会跟着改。（外面这个是个插值表达式，即用双大括号 {{}} 将 Vue 实例中的数据绑定到 HTML 模板中，使得数据能够动态地显示在页面上。）
![[华为OD]BFS C卷 200 智能驾驶](https://img-blog.csdnimg.cn/direct/7be53d007ae449998893958753283d72.png)