Vue 是一个用于 构建用户界面 的 渐进式 框架
1. 构建用户界面：基于 数据 动态 渲染 页面
2. 渐进式：循序渐进的学习
3. 框架：一套完整的项目解决方案，提升开发效率↑ (理解记忆规则)
插值表达式：
插值表达式是一种 Vue 的模板语法
1. 作用: 利用表达式进行插值，渲染到页面中
表达式：是可以被求值的代码，JS引擎会将其计算出一个结果
2. 语法格式？
{{ 表达式 }}
3. 插值表达式的注意点：
① 使用的数据要存在 （data）
② 支持的是表达式，而非语句 if ... for
③ 不能在标签属性里面使用
vue代码：
<!DOCTYPE html>
<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>Document</title>
</head>
<body>
<div id="app">
{{msg>100?"大于100":"小于100"}}
{{name}}
</div>
<script src="./vue.js"></script>
<script>
new Vue({
el:"#app",
data:{
msg:"1007",
name:"xback"
}
})
</script>
</body>
</html>
渲染页面：
