因为我用了2.x的插件,vue3.0有关插件的封装,一些写法变了。我项目中总共引用了2个插件 v-viewer 、 vue-native-websocket , v-viewer 这个插件无解,他底层使用用到的 2.x 语法太多了,所以我选择放弃这个插件。 vue-native-websocket 这个插件就是使用的 Vue.prototype.xx 写法被舍弃了,用新的写法 Vue.confi...
因为我用了2.x的插件,vue3.0有关插件的封装,一些写法变了。我项目中总共引用了2个插件v-viewer、vue-native-websocket,v-viewer这个插件无解,他底层使用用到的2.x语法太多了,所以我选择放弃这个插件。vue-native-websocket这个插件就是使用的Vue.prototype.xx写法被舍弃了,用新的写法Vue.config.globalProperties.xx...
如果需要在vue的原型上挂载东西,就不能使用以前的原型挂载方法,需要使用新方法config.globalProperties,详细用法请查阅官方文档。 我的项目中用到了一个websocket的插件,他需要在vuex中往Vue原型上挂载方法,下面是我的做法。 将main.ts中的createApp方法导出。 import{ createApp }from"vue";constapp =createApp(App)...
绑定自定义事件:两种方式 注意:下面是绑定自定义事件,如果要绑定原生的事件,例如 click 事件,在写完 @click 之后,需要加一个修饰符,也就是 @click.native,这样就会给子组件绑定一个点击事件,事件会绑定在子组件的根元素上 文件:App.vue <template>{{ msg }}<!--通过 props 的方式,将函数作为一个参数传给子...
2020年9月18日,vue3正式版发布了,前几天把文档整体读了一遍,感触很深,可以解决我项目中的一些痛点,于是就决定重构之前那个vue2的开源项目。 本篇文章就记录下重构vue2项目的过程,欢迎各位感兴趣的开发者阅读本文。 环境搭建 本来打算使用vite + vue3 + VueRouter + vuex + typescript来构架项目的,但是经过一...
在Vue 3中使用Vue 2库是不可行的,反之亦然。Vue 3是一个全新的版本,与Vue 2在内部实现和API上有很大的不同。Vue 3采用了一种名为Composition API的新的组合式API,而Vue 2则使用了Options API。这两种API之间的差异很大,因此Vue 2的库无法直接在Vue 3中使用。 然而,Vue 3提供了一个名为Vu...
.sass扩展名用作Sass的原始语法,而SCSS通过.scss扩展名提供更新的语法。 与Sass不同,SCSS与CSS一样具有花括号和分号。 与SCSS相反,Sass很难阅读,因为它与CSS截然不同。这就是为什么SCSS成为更推荐的Sass语法的原因,因为它更易于阅读,并且与Native CSS非常相似,同时又享受了Sass的强大功能。
2020年9月18日,vue3正式版发布了,前几天把文档整体读了一遍,感触很深,可以解决我项目中的一些痛点,于是就决定重构之前那个vue2的开源项目。 本篇文章就记录下重构vue2项目的过程,欢迎各位感兴趣的开发者阅读本文。 环境搭建 本来打算使用vite + vue3 + VueRouter + vuex + typescript来构架项目的,但是经过一...