自我总结53

Vue

'''
前台框架：angular,react,vue
	vue:有前两大框架有点，摒弃缺点；没有前两个框架健全
	vue优点：
		中文API
		组件化开发
		单一面应用 - 提升移动端app运行速度
		数据的双向绑定 - 变量全局通用
		数据驱动 - 只用考虑数据，不需要在意DOM结构
		虚拟DOM - 缓存机制
	
如何在页面引入
	通过script标签引入vue.js环境
	创建vue实例
	通过el进行挂载
	
	new Vue({
		el:'#app',	// css3选择器，唯一，html、body不能作为挂载点，一个页面可以有多个实例对应多个挂载点
	})
'''

插值表达式

{{变量以及变量的简单运算}}
{{((num * 10) + 'string').split('')[0]}}

文本指令

{{ }}  |v-text |v-html |v-once


1、{{ }}
2、v-text：不能解析html语法的文本，会原样输出
3、v-html：能解析html语法的文本
4、v-once：处理的标签的内容只能被解析一次

方法指令

v-on:事件名 = '方法变量'
简写 @事件= '变量| @事件="变量" | @事件="变量()" | @事件="变量($event, ...)"

属性指令

v-bind:属性='变量' | ：属性='变量'

:title="t1"
:class="c1"  |  :class="[c1, c2]"  |   :class="{c1: true}"
:style="s1"  |  :style="{color: c1, fontSize: f1}"
<!--s1是字典变量，c1和f1变量分别控制字体颜色和大小 -->

js函数补充

function可以作为类，内部会有this

{}里面出现的函数称之为方法： 方法名(){}

箭头函数

//如果箭头函数没有函数体，只有返回值

//如果箭头函数列表只有一个，可以省略（）

//内部没有this