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实例了

应用案例:

相关推荐
玖月晴空2 分钟前
Uniapp 速查文档
前端·微信小程序·uni-app
琉-璃4 分钟前
vue3+ts 任意组件间的通信 mitt的使用
前端·javascript·vue.js
FogLetter22 分钟前
React Fiber 机制:让渲染变得“有礼貌”的魔法
前端·react.js
不想说话的麋鹿29 分钟前
「项目前言」从配置程序员到动手造轮子:我用Vue3+NestJS复刻低代码平台的初衷
前端·程序员·全栈
JunpengHu38 分钟前
esri-leaflet介绍
前端
胖虎26539 分钟前
Vue3 多入口项目实战:如何优雅管理多个独立业务模块
vue.js
zm4351 小时前
bpmn.js 自定义绘制流程图节点
前端·bpmn-js
小杨梅君1 小时前
探索现代 CSS 色彩:从 HSL 到 OKLCH,打造动态色阶
前端·javascript·css
刺客_Andy1 小时前
React 第五十一节 Router中useOutletContext的使用详解及注意事项
前端·javascript·react.js
宁雨桥1 小时前
基于 Debian 服务器的前端项目部署完整教程
服务器·前端·debian