Vue.js 从滑行到起飞 No.1

217 阅读1分钟
  VUE核心 ->数据驱动试图         

vue 插值语法{{变量名}}

  指令系统

v-text=""->inner text

v-html=""->inner html

v-if/else=""->根据条件在渲染时决定是否显示(如果false则不渲染相应标签,在调试模式下,网页代码没有显示,方法消耗资源较大不适合频繁变化处使用)

v-show=""->根据条件处理标签显示隐藏,不过与if不同的是通过CSS样式中的display来控制标签的显示与否。(适用于频繁变化的标签判断)

v-bind:名=""->简写(:名="")绑定标签上的属性(内置属性/自定义属性)

v-on:原生事件="名"->简写(@原生事件="") 监听事件达成某些条件可以触发相应的javascript 代码。

v-for="(item,index) in 属性名"->循环遍历数据

v-model=""->双向数据绑定,在绑定数据发生变化的时候会从新渲染页面更新数据数值(只会体现在UI空间上同时必须要有value属性)它的实现方式就是v-bind:value , v-on:input的体现。(语法糖)