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

三、小结

相关推荐
zhelingwang4 分钟前
设计模式笔记
前端
Focus_7 分钟前
如何借助AI在UE5中将图片批量生成3D模型
前端·aigc·游戏开发
hhcccchh28 分钟前
学习vue第十三天 Vue3组件深入指南:组件的艺术与科学
javascript·vue.js·学习
@PHARAOH32 分钟前
WHAT - Vercel react-best-practices 系列(二)
前端·javascript·react.js
qq_4061761432 分钟前
深入理解 JavaScript 闭包:从原理到实战避坑
开发语言·前端·javascript
float_六七37 分钟前
JavaScript变量声明:var的奥秘
开发语言·前端·javascript
zhengxianyi51541 分钟前
ruoyi-vue-pro本地环境搭建(超级详细,带异常处理)
前端·vue.js·前后端分离·ruoyi-vue-pro
桃子叔叔1 小时前
react-wavesurfer录音组件1:从需求到组件一次说清楚
前端·react.js·前端框架
陈随易1 小时前
聊一聊2025年用AI的思考与总结
前端·后端·程序员
@PHARAOH1 小时前
WHAT - React startTransition vs setTimeout vs debounce
前端·react.js·前端框架