render函数输出demo

129 阅读1分钟

render函数

template:

    <div id="app">
      <p>{{currentBranch}}</p>
      <p>{{parents.children}}</p>
      <p @click="change">{{currentBranch}}</p>
      <input />
      <comp fake="20" v-model="fake" @input="change">
        <comp fake="20"> </comp>
      </comp>
    </div>
    <script>
      Vue.component("comp", {
        template: "<div>fuck</div>",
        props: {
          fake: 1,
        },
        data() {
          return {
            wtf: 1,
          };
        },
      });
      new Vue({
        el: "#app",

        data: {
          currentBranch: "master",
          commits: null,
          parents: {
            children: "son",
          },
        },
        created: function () {},
        methods: {
          change() {
            this.currentBranch = "branch";
          },
        },
      });
    </script>