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

三、小结

相关推荐
老前端的功夫几秒前
虚拟列表:拯救你的万级数据表格
前端
colorFocus2 分钟前
vue在页面退出前别忘记做好这些清理工作
前端·vue.js
星链引擎2 分钟前
4sapi生成式 AI 驱动下的智能聊天机器人
前端
前端赵哈哈2 分钟前
Git 本地仓库操作指南:将未提交文件复刻至新分支(无需关联远端)
前端·git·github
returnfalse4 分钟前
🕹️ 让你的Vue项目也能支持虚拟摇杆!一个Canvas虚拟摇杆组件让你的游戏体验飙升
前端·vuex
成小白5 分钟前
pinia的使用和封装
前端
星链引擎5 分钟前
大模型4sapi智能聊天机器人 技术架构核心实现与行业赋能指南
前端
前端付豪6 分钟前
为啥升Vue3 有啥优势?
前端·javascript·vue.js
夜雨深秋来7 分钟前
BEM方法论:构建可维护的前端CSS架构
前端·css
举个栗子dhy7 分钟前
第四章、路由配置
前端·javascript·react.js