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

三、小结

相关推荐
巴拉巴拉~~13 小时前
Flutter 通用列表刷新加载组件 CommonRefreshList:下拉刷新 + 上拉加载 + 状态适配
前端·javascript·flutter
梨子同志13 小时前
Express.js 基础
前端
梨子同志14 小时前
Node.js HTTP 服务器开发
前端
码途潇潇14 小时前
数据大屏常用布局-等比缩放布局(Scale Laylout)-使用 CSS Transform Scale 实现等比缩放
前端·css
犬大犬小14 小时前
从头说下DOM XSS
前端·javascript·xss
绿鸳14 小时前
Socket.IO实时通信
前端
Cache技术分享14 小时前
273. Java Stream API - Stream 中的中间操作:Mapping 操作详解
前端·后端
我的div丢了肿么办14 小时前
echarts中appendData的详细讲解
前端·javascript·vue.js
JamesGosling66614 小时前
async/defer 执行顺序全解析:从面试坑到 MDN 标准
前端·javascript