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

三、小结

相关推荐
Access开发易登软件13 小时前
在 Access 中实现 Web 风格 To Do List
前端·数据结构·microsoft·list·vba·access·access开发
小李云雾13 小时前
Python Web 路由详解:核心知识点全覆盖
开发语言·前端·python·路由
cd ~/Homestead13 小时前
Vue 配置跨域的两种方法
前端·javascript·vue.js
Moment13 小时前
AI 全栈时代,为什么推荐 NodeJs 服务端使用 NestJs
前端·javascript·后端
i220818 Faiz Ul13 小时前
教育资源共享平台|基于springboot + vue教育资源共享平台系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·教育资源共享平台
Moment13 小时前
AI全栈入门指南:什么是 NestJs
前端·javascript·后端
happymaker062613 小时前
Vue自定义指令、插槽、路由的简单使用
前端·javascript·vue.js
fengci.13 小时前
ctfshow黑盒测试后半部分
前端
小鹿软件办公13 小时前
谷歌 Chrome 终于推出垂直标签页与更智能的阅读模式
前端·chrome
薛定猫AI13 小时前
【技术干货】DeepSeek 新模型实测:多模态 Web 生成能力与工程落地评估
前端