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

三、小结

相关推荐
汐泽学园几秒前
基于Vue的幼儿绘本阅读启蒙网站设计与实现
前端·javascript·vue.js
mikan12 分钟前
详解把老旧的vue2+vue-cli+node-sass项目升级为vite
前端·javascript
七宝三叔13 分钟前
C# 上位机开发中的动态绑定与虚拟化
前端
安卓程序员_谢伟光22 分钟前
如何监听System.exit(0)的调用栈
java·服务器·前端
爱上妖精的尾巴1 小时前
7-2 WPS JS宏 Object对象属性的查、改、增、删
前端·javascript·vue.js
源码获取_wx:Fegn08951 小时前
基于springboot + vueOA工程项目管理系统
java·vue.js·spring boot·后端·spring
小哀21 小时前
2025年总结: 我还在往前走
前端·后端·全栈
0思必得01 小时前
[Web自动化] Requests模块基本使用
运维·前端·python·自动化·html·web自动化
change_fate1 小时前
vue模板数组不要直接使用reverse方法
前端·javascript·vue.js
一 乐1 小时前
健康管理|基于springboot + vue健康管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·学习