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

三、小结

相关推荐
不喝水的鱼儿4 分钟前
KT Qwen3.5-35B-A3B 记录
java·前端·python
切糕师学AI15 分钟前
深入解析前端页面在 Safari 与 Chrome 浏览器中的差异及解决方案
前端·chrome·safari
fengtangjiang19 分钟前
tomcat和国产web中间件区别和联系
前端·中间件·tomcat
永远的个初学者19 分钟前
一个同时支持 React、Vue、Node、CLI、Vite、Webpack 的图片优化库:rv-image-optimize
vue.js·react.js·webpack
ahauedu24 分钟前
本地部署开源的前端项目npm经历(1)
前端·npm·开源
h_654321025 分钟前
打包报错ERROR Error: Cannot find module ‘webpack/lib/RuleSet‘
前端·webpack·npm
小旋风0123429 分钟前
uniapp开发app解决视频层级太高的问题(subNvue方法)
前端·uni-app·音视频
Jinuss34 分钟前
源码分析之React中useCallback和useMemo
前端·javascript·react.js
maxmaxma36 分钟前
ROS2机器人少年创客营:Python第一课
前端·python·机器人
吃西瓜的年年36 分钟前
react(二)useEffect 和 useRef
前端·react.js·前端框架