vue模板语法

1. 什么是指令？

• 指令的本质就是自定义属性
• 指令的格式：以v-开始（比如：v-cloak）

2.v-cloak指令用法

• 插值表达式存在的问题：“闪动”
• 如何解决该问题：使用v-cloak指令
• 解决该问题的原理：先隐藏，替换好值之后再显示最终的值

3.数据绑定指令

• v-text 填充纯文本
  相比插值表达式更加简洁
• v-html 填充HTML片段
  存在安全问题
  本网站内部数据可以使用，来自第三方的数据不可用
• v-pre 填充原始信息
  显示原始信息，跳过编译过程(分析编译过程)

4.数据响应式

• 如何理解响应式
  html5中的响应式(屏幕尺寸的变化导致样式的变化)
  数据的响应式(数据的变化导致页面内容的变化)
• 什么是数据绑定
  数据绑定：将数据填充到标签中
• v-once 只编译一次
  显示内容之后不在具有响应式功能

5.双向数据绑定指令

1. 什么是双向数据绑定？

2.双向数据绑定分析
- v-model指令用法

<input type='text' v-model='uname'/>

3.MVVM设计思想
- M(model)
- V(view)
- VM(View-Model)

6.事件绑定

Vue如何处理事件

• v-on指令用法

<input type=‘button' v-on:click='num++'/>

• v-on简写形式

<input type=‘button'