Vue.js入门

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
    <p>{{xiu}}</p>
    <p>{{kang()}}</p>
</div>
<script>
new vue({
    el: "#app";
    data: {
        xiu: "添加内容";
    },
    methods: {
        kang: function() {
            return this.xiu
        } 
    }
});

<div id="app">
    <p>{{ message }}</p>
</div>

<div id="app" v-html="xiu"></div>
<script>
new Vue({
  el: ‘#app‘,
  data: {
    xiu: ‘<h1>修抗</h1>‘
  }
})
</script>

style>
    .xiu {
        color: red;
    }
</style>
<div id="app" v-bind:class="{‘xiu‘:xiu}"><input type="checkbox" v-model="xiu">红色</div>
<script>
new Vue({
    el: "#app",
    data: {
        xiu: true
    }
})
</script>