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

 

三、小结 

相关推荐

  1. C# 命名空间定义哦写法区别

    2024-06-08 04:02:05       37 阅读
  2. React 中 setState 更新状态写法

    2024-06-08 04:02:05       43 阅读
  3. 【算法】链表翻转写法

    2024-06-08 04:02:05       34 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-08 04:02:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-08 04:02:05       101 阅读
  3. 在Django里面运行非项目文件

    2024-06-08 04:02:05       82 阅读
  4. Python语言-面向对象

    2024-06-08 04:02:05       91 阅读

热门阅读

  1. 从外部访问类中的私有成员

    2024-06-08 04:02:05       28 阅读
  2. kafka连接zookeeper失败导致无法启动

    2024-06-08 04:02:05       28 阅读
  3. 机器学习 - 常见问题与解决方案

    2024-06-08 04:02:05       29 阅读
  4. 机器学习目录

    2024-06-08 04:02:05       31 阅读
  5. 网络安全现状

    2024-06-08 04:02:05       31 阅读
  6. 人脸识别系统代码--预测年龄

    2024-06-08 04:02:05       32 阅读
  7. C# 语言类型(三)—数组/枚举类型/结构体

    2024-06-08 04:02:05       33 阅读