Vue3基础（一）

Vue3基础（一）: <Excerpt in index | 首页摘要>

vue2与vue3的区别:

1. vue3采用Proxy代理 vue2采用Object.defineproperty进行对数据的操作
2. 2.Vue 3 有 createApp()，而 Vue 2 的是 new Vue()

引入方式：

1. vue3:<script src="https://unpkg.com/vue@next"></script>
2. vue2:<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

写法：
vue3:

const Conter = {
           data() {
               return {
                   a: 10
               }
           },
           mounted() {
               // setInterval(() => {
               //     this.a++
               // }, 1000)
           }
       }
let app = Vue.createApp(Conter).mount('#app')
console.log(app);

vue2:

let app = new Vue({
    el:'#app',
    data:{
        a:1111
    }
})

使用 Vite 快速构建 Vue 项目:

# npm 6.x
$ npm init vite@latest <project-name> --template vue

# npm 7+，需要加上额外的双短横线
$ npm init vite@latest <project-name> -- --template vue

$ cd <project-name>
$ npm install
$ npm run dev