copy props when replacing $data (fix vuejs/Discussion#173)

Author: yyx990803

src/instance/scope.js

@@ -59,6 +59,15 @@ exports._setData = function (newData) {
   var oldData = this._data
   this._data = newData
   var keys, key, i
+  // copy props
+  var props = this.$options.props
+  if (props) {
+    i = props.length
+    while (i--) {
+      key = props[i]
+      newData.$set(key, oldData[key])
+    }
+  }
   // unproxy keys not present in new data
   keys = Object.keys(oldData)
   i = keys.length

test/unit/specs/instance/scope_spec.js

@@ -31,6 +31,32 @@ describe('Instance Scope', function () {
 
   })
 
+  describe('$data', function () {
+
+    var vm = new Vue({
+      props: ['c'],
+      data: {
+        a: 1
+      }
+    })
+
+    it('should initialize props', function () {
+      expect(vm.hasOwnProperty('c')).toBe(true)
+    })
+
+    it('replace $data', function () {
+      vm.c = 3
+      vm.$data = { b: 2 }
+      // proxy new key
+      expect(vm.b).toBe(2)
+      // unproxy old key that's no longer present
+      expect(vm.hasOwnProperty('a')).toBe(false)
+      // should copy props
+      expect(vm.c).toBe(3)
+    })
+
+  })
+
   describe('computed', function () {
 
     var Test = Vue.extend({