vue2.0响应式原理及缺点_vue2缺点

响应式原理Object.definedProprety

VUE的有一个特性叫双向绑定！但它这个双向绑定并不是一个真正的双向绑定，而是两个单向绑定。

双向绑定大致理解图

上图，你就可以理解这是VUE的双向绑定大致图，但实际情况要比这个复杂的多。下面我们来分析一下VUE的双向绑定中重要的一个环节：变量响应式

	<div id="app">
		{
   {
   message}}
	</div>
	var app = new Vue({
   
	            el: '#app',
	            data: {
   
	                message: 'Hello Vue!'
	            }
	        });
1
2
3
4
5
6
7
8
9
10
11
12
13

此时页面会渲染处出 Hello vue！
1

体验响应式，动态的修改页面中Hello vue! 的值。
我们添加一个按钮， 绑定click事件

	 <div id="app">
 		{
   {
   message}}
        <button @click="handle">btn</button>
    </div>
    <<
1
2
3
4
5
6