vue中$的作用是什么

最新推荐文章于 2024-07-21 02:19:38 发布

洛洛大芳

最新推荐文章于 2024-07-21 02:19:38 发布

阅读量4.8k

点赞数 1

分类专栏： vue学习笔记文章标签： vue

本文链接：https://blog.csdn.net/DYFNB/article/details/119512918

版权

vue学习笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

在Vue.js开发中，经常遇到的美元符号($)用于标识Vue实例的方法和属性。例如，`vm.$data`用于访问数据对象，确保与用户自定义属性区分开。本文通过一个简单的示例解释了`$data`的用法，并展示了如何比较Vue实例的`$data`与用户定义的数据。了解这一概念有助于深入理解Vue的工作原理。

摘要由CSDN通过智能技术生成

我们找到在vue的学习和使用中经常会看到这样的一个符号$(美元符号),那么很多人就可能产生了疑惑,这个符号有什么作用呢,其实也不难理解,这个是为了区分vue中的自带的实例和用户自定义的属性而已
代码说明:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="vue.js"></script>
</head>

<body>
    <div id="vueDiv">

    </div>
</body>
<script>
    var data = {
        a: 1
    };
    var vm = new Vue({
        el: "#vueDiv",
        data: data
    });
    vm.$data === data;
    console.log(vm.$data === data);
</script>

</html>

更多实例方法点击链接:vue实例

洛洛大芳

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
vue中$的作用是什么

我们找到在vue的学习和使用中经常会看到这样的一个符号$(美元符号),那么很多人就可能产生了疑惑,这个符号有什么作用呢,其实也不难理解,这个是为了区分vue中的自带的实例和用户自定义的属性而已代码说明:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge".
复制链接

扫一扫

专栏目录