html 加载完毕后的两种方式

1. 使用window.onload

 

window.onload = function() {
    var vue = new Vue({ //vue 2.x 语法
        el: '#hello-vue',
        data: {
            message: 'Hello Vue.js!'
        }
    })

}

2. 使用jQuery

简写方式：

$(function() {


    var vue = new Vue({ //vue 2.x 语法
        el: '#hello-vue',
        data: {
            message: 'Hello Vue.js!'
        }
    })
})

非简写

$(document).ready(function() {


    // const HelloVueApp = {
    //     data() {
    //         return {
    //             message: 'Hello Vue!!'
    //         }
    //     }
    // }

    // Vue.createApp(HelloVueApp).mount('#hello-vue'); //vue 3 语法

    var vue = new Vue({ //vue 2.x 语法
        el: '#hello-vue',
        data: {
            message: 'Hello Vue.js!'
        }
    })
})