单页面Vue应用

html部分

<div class="demo"></div>

js部分（常用）

var app = new Vue({
    el: ".Caipu",
    data: {
            
    },
    // 实例创建前，可以放loading一类的事件
    beforeCreate: function () {
        console.log("实例创建前")
    },
    // 实例创建后，可以异步请求了
    created: function(){

    },
    // 实例挂载后，可以使用一些第三方的插件实例写在这个函数内
    mounted: function () {},
    // 数据改变后，做一些数据统一更新处理的相应函数
    updated: function () {
            
    },
    methods: {

    }
})

js部分（全部）

<script src="/static/js/vue.js"></script>
<script>

    var app = new Vue({
        el: ".demo",
        data: {
            ceshi: 'xxxx'
        },
        // 实例创建前，可以放loading一类的事件
        beforeCreate: function () {
            console.log("实例创建前")
        },
        // 实例创建后，可以异步请求了
        created: function(){
            
        },
        // 实例挂载前
        beforeMount: function () {

        },
        // 实例挂载后，可以使用一些第三方的插件实例写在这个函数内
        mounted: function () {

        },
        // 数据改变前
        beforeUpdate: function () {

        },
        // 数据改变后，做一些数据统一更新处理的相应函数
        updated: function () {

        },
        // 实例销毁前
        beforeDestroy: function () {

        },
        // 实例销毁后
        destroyed: function () {

        },
        // 函数
        methods: {
        
        }
    })
</script>