Vue2.0 Vue3.0

Posted on  by admin
Composition API

就在昨天尤雨溪发布了VUE3.0 Beta版本,各路大神也都抢先体验了一波!本汪也放下了手上的工作去初步体验了一番。接下来会结合vue2.0和3.0的异同点进行介绍.

3.LifeCycle(Hooks) 3.0当中的生命周期与2.0的生命周期出现了很大的不同:beforeCreate -> 请使用 setup(). created -> 请使用 setup(). beforeMount -> onBeforeMount.

Vuex Router Cli

mounted -> onMounted.

beforeUpdate -> onBeforeUpdate.

updated -> onUpdated.

beforeDestroy -> onBeforeUnmount.

destroyed -> onUnmounted.

errorCaptured -> onErrorCaptured.

vue-cli 3.0的项目目前已经有很多了,近期接触到的项目几乎都是3.0的版本,因此再用2.0就不再合适了。.

npm unistall vue-cli -g. npm install -g @vue/cli. npm install -g npm .

Suspense(悬念)

然后我们安装好了之后,就可以使用 npm -v 和 vue --version去查看版本好了,安装好了之后,我们可以新建一个vue项目. 例如:vue ceate tbweb. 然后我们再安装 npm install 就可以了。. views 用户存放我们的页面. utils 放置工具函数(可有可无). styles 放置全局样式(可有可无). components 这个已经有了,用来存放我们页面中的组件。我们可以直接把组件新建在components目录下,不过这样不太清晰,我喜欢在components目录下,再为每个页面新建一个文件夹,把每个页面的组件放在对应的文件下. assets 这个也已经有了,用来存放我们的资源文件,视频、音频、图片等。. The official version of Vue 3 will release in Q3 2020.