前端模仿练习新增小知识(1-4)

(1)v-on指令:绑定事件

完整代码实例:


v-on:可简写为@:

(2)v-model:绑定数据源

绑定输入框例子:


v-model可加上修饰符:

v-model.lazy:当光标离开输入框时,才实现数据的改动,v-model.number:当输入框中的数据输入为数字时,不能输入其他类型,v-model.trim:去空格。

(3)v-bind绑定标签的属性

(4)v-pre:原样输出;v-cloak;v-cloak:当渲染完成后才显示;v-once:只渲染一次

你可能感兴趣的:(前端模仿练习新增小知识(1-4))