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

三、小结

相关推荐
Lupino3 分钟前
被 React “玩弄”的 24 小时:为了修一个不存在的 Bug,我给大模型送了顿火锅钱
前端·react.js
米丘10 分钟前
了解 Javascript 模块化,更好地掌握 Vite 、Webpack、Rollup 等打包工具
前端
Heo11 分钟前
深入 React19 Diff 算法
前端·javascript·面试
滕青山12 分钟前
个人所得税计算器 在线工具核心JS实现
前端·javascript·vue.js
小怪点点13 分钟前
手写promise
前端·promise
国思RDIF框架22 分钟前
RDIFramework.NET Web 敏捷开发框架 V6.3 发布 (.NET8+、Framework 双引擎)
前端
Mintopia23 分钟前
如何在有限的时间里,活出几倍的人生
前端
炫饭第一名24 分钟前
速通Canvas指北🦮——变形、渐变与阴影篇
前端·javascript·程序员
Neptune125 分钟前
让我带你迅速吃透React组件通信:从入门到精通(上篇)
前端·javascript
阿懂在掘金25 分钟前
Vue 表单避坑(一):为什么 v-model 绑定对象属性会偷偷修改父组件数据?
前端·vue.js