Vue-vue的非自定义属性-$的作用

科学的发展-只不过是读大自然写的代码

于 2020-06-02 13:30:20 发布

阅读量656

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/xie__jin__cheng/article/details/106494401

版权

vue 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

说明

$的作用就是说明这是一个自定义的属性，是系统属性，包括vue定义的属性+html定义的属性

1.代码

<html>
<head>
	<title>简单mvvm</title>
    <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
	<div id="vue_det">
		数据1:{{d1}}
        数据2:{{d2}}
	</div>
	<script type="text/javascript">
	    var data1 = { d1: 0, d2: 'string' };
	    var vm = new Vue({
	        el: '#vue_det',
	        data: data1
	    })
	    data1.d1 = 2;
	    document.write("vm.$data" + vm.$data + '<br>');
	    document.write("vm.$el:" + vm.$el.tagName);
	</script>
</body>
</html>

2.运行效果

科学的发展-只不过是读大自然写的代码

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue-vue的非自定义属性-$的作用

1.代码<html><head> <title>简单mvvm</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script></head><body> <div id="vue_det"> 数据1:{{d1}} 数据2:{{d2}} </div>
复制链接

扫一扫

专栏目录