1.简述
Vue是一个实现数据双向绑定的JS框架。
2.入门程序
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/vuejs-2.5.16.js"></script>
</head>
<body>
<div id="baobaochen">
<!--//把值绑定到页面上-->
{
{message}}
</div>
<script>
//初始化vue对象
new Vue({
//初始化vue对象的根节点 id
el:"#baobaochen",
//页面中用到的变量就在data里面定义
data:{
message:"hello bao!"
}
})
</script>
</body>
</html>
显示结果:
步骤:
1.在该项目下创建一个目录引入 js 和 html 页面
2.在页面上引入该目录文件
3.在body里创建script 初始化vue 以及绑定根节点
4.1根节点就是body中的选择器 id class ....
4.2 创建在页面中用到的数据以及赋值 然后再body中显示