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>
渲染页面：
