VUE基础学习01

理解MVVM

• REACT 你可以用于网站前端开发，也可以开发手机app，vue也可以开发手机app只不过要借助wee

• MVC 后端开发分层概念
  

• MVVM 前端开发的分层 思想，它把每个页面都分成M 、V、VM三层，其中VM是MVVM的核心。VM是M和V的调度者
  

vue指令

• v- cloak

  • 解决了插入表达式的闪烁问题，即：因为网络环境差vue的js文件无法及时加载导致页面暴露渲染页面的插入表达式。
  • 注意：使用这个命令，配合插入表达式只会替换占位符那个地方字符其他地方不会动。当元素渲染完成以后会被删除。

• v-text

  • v-text会将数据区的数据渲染到指定区域（注意使用该命令不用插入表达式，数据会覆盖标签中所有原有数据）

• v-html

  • 效果类似v-text,所不同的地方是：他可以解析html标签

• v-bind

  • 提供绑定属性的功能（这里的btnMsg看作一个变量，这里不可以用{{}}）

v-bind绑定style属性的时候，对象语法的key要和普通css的属性保持一致例如font-size(fontSize)

• v-on

  • 用于 事件绑定，但是不可以再写在data区域中，需要定义一个专门存放方法的methods中存放。

• v-for

  • 用于遍历列表元素

• v-once

  • 该指令表示元素和组件只渲染一次，不会随着数据的改变而改变。

• v-pre

  • 不对修饰标签中的元素进行解析，原样展示。