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、普通函数形式的简写

三、小结

相关推荐
凌览9 分钟前
一键去水印|5 款免费小红书解析工具推荐
前端·javascript·后端
lichong95113 分钟前
鸿蒙 web组件开发
前端·typescript
1024小神14 分钟前
在html中使用js动态交换两个元素的位置
前端
鹿鹿鹿鹿isNotDefined15 分钟前
逐步手写,实现符合 Promise A+ 规范的 Promise
前端·javascript·算法
一千柯橘15 分钟前
Electron - IPC 解决主进程和渲染进程之间的通信
前端
申阳15 分钟前
Day 16:02. 基于 Tauri 2.0 开发后台管理系统-项目初始化配置
前端·后端·程序员
老前端的功夫17 分钟前
HTTP 协议演进深度解析:从 1.0 到 2.0 的性能革命
前端·网络·网络协议·http·前端框架
拉不动的猪21 分钟前
前端三大权限场景全解析:设计、实现、存储与企业级实践
前端·javascript·面试
wordbaby1 小时前
Flutter Form Builder 完全指南:告别 Controller 地狱
前端·flutter
A***07171 小时前
React数据可视化应用
前端·react.js·信息可视化