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

三、小结

相关推荐
Your易元1 小时前
设计模式-状态模式
java·前端·算法·设计模式
HaanLen4 小时前
React19源码系列之 Hooks (useState、useReducer、useOptimistic)
服务器·前端
yuanyxh6 小时前
《精通正则表达式》精华摘要
前端·javascript·正则表达式
小飞大王6667 小时前
简单实现HTML在线编辑器
前端·编辑器·html
Jimmy7 小时前
CSS 实现卡牌翻转
前端·css·html
百万蹄蹄向前冲7 小时前
大学期末考,AI定制个性化考试体验
前端·人工智能·面试
向明天乄7 小时前
在 Vue 3 项目中集成高德地图(附 Key 与安全密钥申请全流程)
前端·vue.js·安全
sunshine_程序媛7 小时前
vue3中的watch和watchEffect区别以及demo示例
前端·javascript·vue.js·vue3
电商数据girl8 小时前
【经验分享】浅谈京东商品SKU接口的技术实现原理
java·开发语言·前端·数据库·经验分享·eclipse·json
Senar8 小时前
听《富婆KTV》让我学到个新的API
前端·javascript·浏览器