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

三、小结

相关推荐
leoZ2316 小时前
金仓老旧项目改造-10
开发语言·前端·人工智能·python·金仓
接着奏乐接着舞7 小时前
react redux Toolkit 分组更推荐
前端·javascript·react.js
笨笨狗吞噬者7 小时前
uni-app 运行时揭秘:styleIsolation 的转化
前端·微信小程序·uni-app
前端那点事7 小时前
Vue路由跳转全场景实战(Vue2+Vue3适配)| 新手必看
vue.js
是席木木啊7 小时前
告别console.log!Vue3项目日志框架选型指南
前端·vue3·日志框架
凰轮7 小时前
TypeScript 知识点总结
前端·javascript·typescript
英俊潇洒美少年7 小时前
告别大请求卡顿!原生 CompressionStream 实现 axios 请求体自动 Gzip 压缩(前后端全适配)
前端
|晴 天|7 小时前
Element Plus 组件库实战技巧与踩坑记录
前端·javascript·vue.js·typescript
im_AMBER8 小时前
从面试题看JS变量提升
开发语言·前端·javascript·前端框架
Mintopia8 小时前
不用学微服务,也能设计不崩的系统:最小可行思路
前端