Vue框架--Vue中el和data的两种写法

data与el的2种写法

1.el有2种写法

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

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

2.data有2种写法

(1).对象式
(2).函数式

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

3.一个重要的原则:

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

应用案例:

相关推荐
蘑菇头爱平底锅3 分钟前
数字孪生-DTS-孪创城市-前端用代码实现行政区划分
前端·数据可视化
安迪小宝5 分钟前
python基础语法13-装饰器
开发语言·前端·python
Moon_su24 分钟前
vue中路由回退数据缓存的最佳实践
vue.js
鸿蒙场景化示例代码技术工程师26 分钟前
实现文件List拖动鸿蒙示例代码
前端
Rachel_wang32 分钟前
React 使用 i18next 实现国际语言切换翻译
前端
小白探索世界欧耶!~32 分钟前
【踩坑】GitHub Actions 运行的 Linux 环境中,文件名是大小写敏感的
linux·运维·服务器·前端·vue.js·笔记·github
Simon—欧阳36 分钟前
C#异步方法返回Task<T>的同步调用
开发语言·前端·javascript
天生我材必有用_吴用41 分钟前
vue3实战三、Axios封装结合mock数据,vite跨域及环境变量配置 入口
前端
天生我材必有用_吴用42 分钟前
vue3实战二、搭建Vue+ElementPlus项目教程 入口
前端
天生我材必有用_吴用1 小时前
Vue3实战七、登录认证与退出登录
前端