vue指令

vue指令

vue指令都是以v-开头，虽然写的值看上去像字符串。但是实际上这里是javascript，而不是普通的字符串。如果需要字符串，需要加引号。

• v-cloak：这个样式，只有在vue实例化之前才有效。
• v-for循环：v-for="(item,index) in list"第一个参数为值，第二个参数为指数，用于循环渲染数据。可以遍历对象，也可以便利数组，还可以便利数字。
• v-if：v-if="dd === true"，直接从dom节点里把该节点移除或者插入
• v-else: v-else = "dd === false"
• v-show同v-if的用法，是通过改变style的display来确定该节点是否显示，这种是css的显示和隐藏的操作，对于需要频繁切换显示和隐藏的节点，特别实用。如：弹窗，手机注册和邮箱注册的两个tab的切换。
• v-on：事件名=""，用于绑定事件。可以缩写为@事件名="".
• vue的方法必须写在method里面。
• v-bind：属性用于动态绑定元素的属性。可以之间简写为:属性;
• v-model:属性="":用于创建双向数据绑定，将输入框的值与数据进行同步，使用的是input同步，
• • 可以使用lazy修饰符，从而转变为change事件进行同步v-model.lazy。
  • 如果想将输入值转化为数值类型，可以添加number修饰符：v-model.number。
  • 如果要自动过滤用户输入的首尾空白字符，可以添加trim修饰符：v-model.trim
• 事件可以不加括号，接受参数为e。如果不加括号，则传递想要的值过去，也可以用$event参数同时接受e参数。
• 按键修饰符，对于keyup时。加上.enter之类的事件可以实现enter触发事件。可以通过全局修饰符定义Vue.config.keyCodes.zdy=13。
• 事件阻止冒泡@click.stop等，具体查官网，修饰符。