VUE基础

Vue.js基础

Vue (读音类似于 view) 是一套用于构建用户界面的渐进式框架

Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合

指令

• 本质就是自定义属性
• Vue中指令都是以 v- 开头

内置指令

• v-cloak

  • 防止页面加载时出现闪烁问题

• v-text

  • v-text指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题
  • 如果数据中有HTML标签会将html标签一并输出
  • 注意：此处为单向绑定，数据对象上的值改变，插值会发生变化；但是当插值发生变化并不会影响数据对象的值

• v-html

  • 用法和v-text 相似 但是他可以将HTML片段填充到标签中

  • 可能有安全问题, 一般只在可信任内容上使用 v-html，永不用在用户提交的内容上

  • 它与v-text区别在于v-text输出的是纯文本，浏览器不会对其再进行html解析，但v-html会将其当html标签解析后输出。