分类：vue使用教程

2021
10-13

Vue项目中常用的实用技巧汇总

目录前言1.使用$attrs和$listeners进行多层级的数据和事件传递2.实现数据的双向绑定，方便维护数据使用.sync实现Prop的“双向绑定”使用model选项3.使用Mixins4.使用动态组件去懒加载组件5.在组件作用域内的CSS中使用::v-deep 修改组件样式6.使用装饰器优化代码7.利用require.context去获取项目目录信息总结引用前言在Vue项目开发中，很容易产生一些问题，比如代码重复、繁杂等，其实Vue项目开发... 继续阅读 >

2021
09-04

vue实战中的一些实用小魔法汇总

能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个🌰，如果这样写，加载的时候会全部都加载进来。constrouter=newVueRouter({routes:[{path:'/',name:'Home',component:Home},{path:'/about',name:'About',component:About}]})所以，应该避免上面的写法，尽量... 继续阅读 >

2021
04-27

vue3.0路由自动导入的方法实例

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。二、规则我们使用的规则是，搜索src/views/路径下的所有目录和子目录，搜索文件名叫做"index.vue"的文件，使用上级目录的名字作为组件名，进行注册。结构如下：和公共组件注册一样，我们只注册index.vue组件，其他名称的组件不进行注册。三、导入//src/rout... 继续阅读 >