Vue2学习-el与data的两种写法

data与e1的2种写法

1.e1有2种写法

(1).new Vue时候配置e1属性。

(2).先创建Vue实例,随后再通过vm.$mount('#root')指定el的值。

2.data有2种写法

(1).对象式

(2).函数式

如何选择:目前哪种写法都可以,以后学习到组件时,data必须使用函数式,否则会报错

3.一个重要的原则:

由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是Vue实例了,箭头函数 的 this是全局的window。

1、el

2、data

所以data中不写成箭头函数

对象中写function一般删除 :和 function

相关推荐
坚持学习前端日记11 分钟前
软件开发完整流程详解
学习·程序人生·职场和发展·创业创新
Wokoo733 分钟前
开发者AI大模型学习与接入指南
java·人工智能·学习·架构
BullSmall34 分钟前
支持离线配置修改及删除操作的实现方案
前端
全栈前端老曹1 小时前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
小猪佩奇TONY1 小时前
OpenCL 学习(3)---- OpenCL 第一个程序
学习
EndingCoder1 小时前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
守护安静星空2 小时前
live555学习笔记
笔记·学习
张雨zy2 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
航Hang*2 小时前
第1章:初识Linux系统——第13节:总复习②
linux·笔记·学习·centos
五月君_2 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui