Vue06-el与data的两种写法

一、el属性

用来指示vue编译器从什么地方开始解析 vue的语法,可以说是一个占位符。

1-1、写法一

1-2、写法二

当不使用el属性的时候:

两种写法都可以。

v.$mount('#root');写法的好处:比较灵活:

二、data的两种写法

2-1、对象式

2-2、函数式

学到组件的时候,data必须使用函数式写法!!!

data函数式中this的值

1、普通函数形式:
2、箭头函数形式:

因为,箭头函数没有自己的this,会往外找!

2-3、普通函数形式的简写

三、小结

相关推荐
山楂树の5 分钟前
前端实时渲染性能优化 使用cocoRLE编码进行图像传输并着色绘制
前端·图像处理·实时互动
程序员祥云6 分钟前
云希谷技术面
前端
疯笔码良10 分钟前
Vue + Echarts 实现科技感数据大屏
vue.js·echarts
一 乐12 分钟前
心理健康管理|基于springboot + vue心理健康管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
G***E31613 分钟前
重塑前端的力量:从界面承载到体验驱动的全链路能力进化
前端
HIT_Weston13 分钟前
60、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(四)
前端·ubuntu·gitlab
G***E31615 分钟前
前端技术的下一场深变:从工程化到智能化的全面升级
前端
计算机毕设VX:Fegn08959 小时前
计算机毕业设计|基于springboot + vue图书商城系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
哆啦A梦15889 小时前
商城后台管理系统 03 登录布局
javascript·vue.js·elementui
曼巴UE59 小时前
UE FString, FName ,FText 三者转换,再次学习,官方文档理解
服务器·前端·javascript