2018-11-27

创造者:尤雨溪

react是一种mvvm框架,结合了angular指令和react组件的优点。(可以双向绑定)




2018-11-27_第1张图片


2018-11-27_第2张图片

2018-11-27_第3张图片

vue参数:

1.el元素

2.data数据

3.methods方法

内置指令:

一.文本渲染

1.{{}}

2.v-text

3.v-html

二.条件渲染

1.v-if:jsdom元素显示隐藏

2.v-show,v-hide:css方式显示隐藏元素

三.列表渲染

v-for=(item,index)in list  :key

四.绑定表单

v-model

五.绑定事件

1.v-on:click=“”

2.缩写:  @click=“”

六.绑定属性

1.v-bind:title=“”

2.缩写:  :title=“”


2018-11-27_第4张图片
2018-11-27_第5张图片
2018-11-27_第6张图片
2018-11-27_第7张图片

computed 根据原有内容,来计算出新的内容


v-if

v-for

@dblclick

@keyup.enter

unshift

splice

JSON:

1.JSON.stringify()对象转字符串

2.JSON.parse()字符串转对象

localStorage:

1.getItem(name)

2.setItem(name,value)

vue参数


2018-11-27_第8张图片


vue动画


2018-11-27_第9张图片


2018-11-27_第10张图片


VUE组件

组件传参:

1.传参父亲向子元素传递参数 如果数据类型简单的数类型  只能是单项数据(只允许父亲传递给子元素,不允许子元素改变父亲的数据)

2.父亲元素里面绑定属性方式 子元素 通过props来接

3.子元素向父亲传参

子 $emit("事件名",数据)  父亲 @事件名

你可能感兴趣的:(2018-11-27)