Vue学习笔记_02

来源:互联网 发布:黑帽seo劫持跳转代码 编辑:程序博客网 时间:2024/05/14 07:55

Vue之指令:

v-on:动态的绑定数据 简写  :

v-bind:绑定事件监听器 简写 @

v-text:更新数据覆盖已有结构

v-html:可以解析数据中的html结构

v-show:根据值的真假,切换元素的display的属性

v-if:根据值的真假,切换元素是被销毁还是重建

v-else-if:多条件判断,为真则渲染

v-else:条件都不符合的时候渲染

v-for:基于源数据多次渲染元素或者模板快

v-model:在表单控件上创建双向数据绑定

v-pre:跳过元素的编译过程

v-once:只渲染一次,随后的数据更新不重新渲染

v-cloak:隐藏未编译的Mustache语法,css中设置[v-cloak]{display:none}

模板:

1、html模板:基于dom 可解析的有效的html

插值:

2、字符串模板:动态的,template

3、render函数:手动创造

render选项对象属性

createElement(标签名,[数据对象],子元素)

数据对象属性;

0 0
原创粉丝点击