>[success] # Vue3.x -- 基础知识速览 ~~~ 1.需要你有vue2.x 基础，通过cd 引入的例子速览一下整个vue 语法 ~~~ >[info] ## 3.x vs 2.x 创建实例 ~~~ 1.'2.x' 和 '3.x' 整体创建形式有了很大的更改，在'3.x' 不在使用通过'new Vue' 形式创建Vue 实例,而是改用 'createApp'，并且'3.x' 不在是通过'el' 和'$mount' 将数据渲染和dom绑定，而是通过新的'mount' 形式 2.'3.x' data 组件选项声明不再接收纯 JavaScript object，而需要 function 声明 ~~~ >[danger] ##### 对比说明 * vue2 ~~~ var vm = new Vue({ // el:'#app', 或者使用el形式不使用$mount data: { counter: '10', }, }).$mount('#app') ~~~ * vue3 ~~~ // 创建vue const vm = Vue.createApp({ data() { return {} }, methods: {}, }) vm.mount('#app') ~~~