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

三、小结

相关推荐
阿伟实验室16 小时前
debian10部署简易web服务器
运维·服务器·前端
云枫晖16 小时前
Vue3 响应式原理:从零实现 Reactive
前端·vue.js
月弦笙音16 小时前
【AI】👉提示词入门基础篇指南
前端·后端·aigc
jason_yang16 小时前
俄罗斯Yandex地图实战
vue.js·api
konh16 小时前
React Native 自定义字体导致 Text / TextInput 文本垂直不居中的终极解决方案
前端·react native
奔赴_向往16 小时前
跨域问题深度剖析:为何CORS设置了还是报错?
前端
daols8817 小时前
vxe-table 配置 ajax 加载列表数据,配置分页和查询搜索表单
vue.js·ajax·table·vxe-table
纯爱掌门人17 小时前
别再死磕框架了!你的技术路线图该更新了
前端·架构·前端框架
丁点阳光17 小时前
Ract Router v7:最全基础与高级用法指南(可直接上手)
前端·react.js
~无忧花开~17 小时前
Vue.config.js配置全攻略
开发语言·前端·javascript·vue.js