Prepare

Download vue source code and install yarn, then run the command below

yarn # install dep
yarn dev # build dist/vue.js

Node.js Only

write your test code demo.js, example:

const Vue = require('./dist/vue.js');
const obj = {};
obj._data = {x:'x v',y:{z:'z v',v: 1}};
console.log(obj)
Vue.util.defineReactive(obj,'_data');
console.log(obj)

run it

node demo.js

Now your can modify vue source code or demo.js and see what changes

With browser

Do what official web site / official hello world told your but replace the url with your local generated file.

Or follow the step below

create a demo.html and demo.js

<!DOCTYPE html>
<html>
    <header>
        <title></title>
    </header>
    <body>
        <div id="app"></div>
        <script src="./dist/vue.js"></script>
        <script src="./demo.js"></script>
    </body>
</html>

const vueObj = new Vue({
  el: '#app',
  template: '<div><div> y: {{ y }} </div><button @click="updateX(\'qwe\')"> update </button></div>',
  data() {
    return {
      x: '123'
    }
  },
  computed: {
    y(){
      return this.x+'456';
    }
  },
  methods: {
    updateX(v) {
      this.x = v;
    }
  }
})

then open the html with your browser, and modify the code as you like

How to configure vue in the project to have access to vue sourcemap in the browser #9

Description

Activity

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions