Vue基本概念

1.vue标签
vue 对象
el： 元素的挂载位置（值可以是css选择器或者DOM元素）
data: 模型数据（值是一个对象）

插值表达式
将数据填充到HTML标签中
插值表达式支持基本的计算操作

Vue编译过程（Vue代码 --> 原生语法)

前端渲染
把数据填充到html标签中

Vue模板语法
1.插值表达式
2.指令
3.事件绑定
4.属性绑定
5.样式绑定
6.分支循环结构

vue指令
指令的本质是自定义属性
指令的格式:以v开头（如v-cloak)

v-cloak用法
1.解决插值表达式的"闪烁问题" --网络差的情况下会出现{{message}}然后显示值"hello world"
2.原理：先替换好，再显示

v-text vs 插值表达式
对于只显示vue传递对象数据的功能，v-text能实现插值表达式 + v-cloak的功能。
插值表达式可以把Vue传递过来的数据和前台用户自己定义的数据结合在一起，但是v-text只能显示Vue对象传递过来的数据，会替换掉节点里已有的内容。

指令详解
数据绑定指令—单向绑定和双向绑定
单向绑定—数据绑定就是将数据填充到标签中
双向绑定–数据的变化影响页面，页面的变化也影响数据。

指令	详解	绑定方式	用法
v-text	填充纯文本，相比插值表达式更简洁	单向绑定
v-html	填充html片段，存在安全问题—XSS	单向绑定
v-pre	填充原始数据，显示原始信息，跳过编译过程	单向绑定
v-once	显示内容之后不再具有响应式功能–可提供性能	单向绑定
v-model		双向绑定	<input type=‘text’ v-model=‘uname’

数据响应式：数据的变化导致页面内容的变化

MVVM设计思想
M --Model
V – View
VM --View-Model