vue--基础 引用 创建一个vue实例

在这里插入图片描述
一:搜索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语句使直接获得最终的值。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值