Vue 初次上手

 1. Vue 概念

概念: Vue 是一个用于 构建用户界面 的 渐进式 框架 

①构建用户界面：基于数据动态渲染出用户看到的页面

 ②渐进式：循序渐进

Vue的两种使用方式:

①Vue 核心包开发

·场景: 局部 模块改造

②Vue核心包&Vue插件工程化开发

·场景: 整站 开发

③框架：一套完整的项目解决方案 

• 优点:大大提升开发效率(提升70%)
• 缺点: 需要理解记忆规则—>官网 

---

2.创建 Vue 实例，初始化渲染

 例如：

 

构建用户界面步骤：创建Vue实例初始化渲染

1. 准备容器 div
2. 引包(官网) - 开发版本 /生产版本
3. 创建Vue 实例 new Vue()
4. 指定配置项—>渲染数据
   1. el 指定挂载点（通过 el 配置选择器，选择器 指定 Vue 管理的是哪个盒子）
   2. data 提供页面渲染的数据

---

 3.插值表达式

插值表达式是一种 Vue的模板语法

1.作用: 利用表达式进行插值，渲染到页面中

表达式: 是可以被求值的代码，JS引擎会将其计算出一个结果

 2.语法：{{ 表达式 }}

<h3>{{ title }}</h3>
<p>{{ nickname.toUpperCase() }}</p>
<p>{{ age >= 18 ? '成年' : '未成年' }}</p>
<p>{{ obj.name }}</p>