vue.js学习笔记

vue.js指令

  • v-if 用来判断是否加载html的DOM
  • v-else
  • v-show 调整css中display属性,DOM已经加载,只是CSS控制没有显示出来
  • v-for 指令是循环渲染一组data中的数组
  • v-text 用{{xxx}}输出data中的值,这种情况是有弊端的 -- 当我们网速很慢或者javascript出错时,会暴露的{{xxx}},这时候就可以用 v-text 解决这个问题。
  • v-html 输出真正的HTML
  • v-on 监听事件
  • v-model 把数据绑定在特定的表单元素上,实现双向数据绑定
  • v-bind 是绑定属性
  • v-pre 在模板中跳过vue的编译,直接输出原始值
  • v-cloak 在vue渲染完指定的整个DOM后才进行显示。它必须和CSS样式配合一起使用
  • v-once 在第一次DOM时进行渲染,渲染完成后视为静态内容,跳出以后的渲染过程。

vue.js全局API##

全局API:全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能。说的简单些就是,在构造器外部用Vue提供给我们的API函数来定义新的功能。

你可能感兴趣的:(vue.js学习笔记)