Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including vue-set-value with all npm packages installed. Try it out:

var vueSetValue = require("vue-set-value")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

vue-set-value v1.0.3

Vue.set with dot notation support (`'a.b.c'`) paths.


Create nested values and any intermediaries on vue reactive objects using dot notation ('a.b.c') paths.

This project is only fork of great package set-value made by Jon Schlinkert


Install with npm:

$ npm install --save vue-set-value


var vueDeepSet = require('vue-set-value');
vueDeepSet(object, prop, value);


  • object {object}: The object to set value on
  • prop {string}: The property to set. Dot-notation may be used.
  • value {any}: The value to set on object[prop]


Updates and returns the given object:

vueDeepSet(target, 'a.b.c', 'd');
//=> { a: { b: { c: 'd' } } }


Escaping with backslashes

Prevent set-value from splitting on a dot by prefixing it with backslashes:

console.log(vueDeepSet(target, 'a\\.b.c', 'd'));
//=> { 'a.b': { c: 'd' } }

console.log(vueDeepSet(target, 'a\\.b\\.c', 'd'));
//=> { 'a.b.c': 'd' }


Copyright © 2018, Yaroslav Dobzhanskij. Copyright © 2018, Jon Schlinkert. Released under the MIT License.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free