一:搜索vuejs.org进入vue官网。
二:引用vue.js
1:el:element简称
el:’'与vm.$mount()等价
2:代码规范-------- 括号为{{}} 且括号内内容一定要前后空格
3:显示示例-------- {可进行简单的加减乘除js表达式如1*8、10/2}
4:数据引用
改变数据的值:
改变机理
数据更改:更改为同步的
以及更改显示视图:更改视图为异步
如图:js先执行同步的再执行异步的,所以将始终打印之前的值
直接显示改变到最终的那个值!!!省去之前的资源占用
总结:
创建一个vue示例,(1)需要引入js,(2)需声明使用范围即el指定的哪个div,(3)数据引用即需data声明以及{{}}使用规范(插值表达式)。
补知识点:数据更改:更改为同步的,显示视图更改:更改视图为异步,js先执行同步的再执行异步的,所以将始终打印之前的值所以有nextTIck语句使直接获得最终的值。