vue初识

目录

• Vue初识
• 知识总结

Vue初识

'''
前端框架：angular，react，vue
	vue：有前两大框架有点，摒弃缺点；没有前两个框架健全
	vue优点：中文API，点页面应用，组件化开发，数据双向绑定，虚拟DOM，数据驱动思想

'''

知识总结

'''
1.vue如何在页面中引入
	1：通过script标签引入vue.js环境
	2：创建Vue实列
	3：通过el进行挂载
	
2.插值表达式
	{{ 变量以及变量的简单运算 }}

3.文本指令
	 v-text='变量名'   # 不能解析htnl语法的文本，会原样输出
	 v-html='变量名'   # 能解析html语法的文本
	 v-once='变量名'   # 处理的标签的内容只能被解析一次

4.方法指令
	v-on:事件='变量名'  # 可简写为 @事件='变量名' |  @事件='变量名($event,..)'
	
5.属性指令
	v-bind:属性='变量名'  # 可简写为 :属性='变量名'
	
	:title="t1"
	:class="c1"  |  :class="[c1, c2]"  |   :class="{c1: true}"
	:style="s1"  |  :style="{color: c1, fontSize: f1}"
		s1是字典变量，c1和f1变量分别控制字体颜色和大小

6、js补充
	function可以作为类，内部会有this
	箭头函数内部没有this
	{}里面出现的函数称之为方法： 方法名(){}
'''

0