1、Vue概念
- Vue 是一套前端框架,免除原生 JavaScript 中的 DOM 操作,简化书写
- 基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上
- 官网:https://v2.cn.vuejs.org/
- 框架是一个半成品软件,是一套可重用的、通用的、软件基础代码模型。基于框架进行开发,更加快捷、更加高效
2、Vue快速入门
(1)快速入门
- 新建 HTML 页面,引入 Vue.js 文件
- 新建 js 文件夹,将 vue.js 复制到文件夹下
-
在 JS 代码区域,创建 Vue 核心对象,定义数据模型
-
编写视图
(2)插值表达式
- 形式:{{表达式}}
- 内容可以是
- 变量
- 三元运算符
- 函数调用
- 算术运算