vue开发的页面和html的区别,Vue2, Vue3 开发单一html页面区别

Vue2 使用方法

vue 开发单一页面

{{ message }}

var mainDiv = new Vue({

el: '#wrapper',

data() {

return {

message: 'You loaded this page on ' + new Date().toLocaleString()

}

},

created() {

console.log(this)

},

mounted() {

document.getElementById('wrapper').style.display = 'block';

}

})

Vue3 使用方法

vue3支持script单独引入js的形式书写

vue 开发单一页面

{{ message }}

index.js

var mainDiv = Vue.createApp({

data() {

return {

message: 'You loaded this page on ' + new Date().toLocaleString()

}

},

created() {

console.log(this)

}

})

mainDiv.mount("#wrapper")

标签：toLocaleString,mainDiv,wrapper,html,Vue2,Vue3,new,message,页面

来源： https://www.cnblogs.com/lisaShare/p/14113467.html