Vue.js基础学习

Vue指令v-bind的缩写

• 缩写: ：(冒号)

Vue指令v-on的缩写和时间修饰符

• 缩写：@
• 事件修饰符：
  • .stop 阻止冒泡
  • .prevent 阻止默认事件
  • .capture 添加事件监听器时使用时间捕获模式
  • .self 只当事件在该元素本身触发时触发回调（和.stop相比只会阻止自己身上冒泡行为的触发，并不会真正阻止冒泡的行为）
  • .once 事件只触发一次

v-model

• 可以实现表单元素和model中数据的双向数据绑定（只能运用在表单元素中）

v-for循环数组或者对象，如果迭代数字,前面的count值从1开始

<p v-for="count in 10">这是第{{ count }}次循环</p>

• 注意：v-for循环的的时候，key属性只能使用number获取string，key在使用的时候，必须使用v-bind属性绑定的形式，指定key的值

		<p v-for="item in list" :key="item.id">
			<input type="checkbox">
		</p>

v-if:每次都会重新删除或创建元素

v-show:不会每次都重新进行DOM的删除和创建操作，只是切换了 display:none 的样式