今天主要分享5个Vue提高项目构建速度的小技巧。您可能听说过使用可读的命名约定。可读性真的很重要，尤其是对于多人项目。以下是一些被认为是最佳实践的建议。命名组件时使用驼峰式大小写NewComponent.vue?newcomponent.vue🛑新组件.vue🛑**如果有子组件，可以这样命名FooterSection.vueFooterSectionHeading.vueFooterSectionIcons.vueFooterSectionButton.vue如果没有子组件，可以尝试在命名TheNavbar.vue的时候加上前缀the来验证数据类型道具。Prop是父子组件之间进行数据通信的重要方式。但是在创建Prop的时候一定要明确指定数据类型，并对传入的数据进行校验，避免我们在开发阶段因为类型不一致导致的bug。我们新手可能经常会写prop:props:['title','likes','isPublished','commentIds','author']，但通常你希望每个prop都有一个指定的值类型。这时候，你可以以对象的形式列出道具。这些属性的名称和值就是props各自的名称和类型：props:{title:String,likes:Number,isPublished:Boolean,commentIds:Array,author:Object,callback:Function,contactsPromise:Promise//oranyotherconstructor}这不仅为您的组件提供文档，而且在用户遇到错误的类型时，还会从浏览器的JavaScript控制台提示用户。不要直接操作DOM。一些早期使用JQ的同学在使用Vue的时候还是喜欢直接操作DOM。这并不是一件坏事，但是Vue使用了虚拟DOM，它是DOM的抽象版本，这使得编译效率更高。避免在每次更改时重新渲染整个DOM。这大大提高了效率和资源管理，因为DOMAPI的调用频率较低。这意味着，我们真的不需要在组件中做这些事情。如果我们想根据上面的复选框状态做一些事情，我们可能会这样做：methods:{logStatus(){constisOn=document.getElementById('thecheckbox')。checked;if(isOn){console.log('Lightison');}else{console.log('Lightisoff');}}}getElement是一个DOMAPI，如果换成下面的方法，效率会更高改善。data(){return{isOn=false}}，方法：{logStatus(){if(this.isOn){console.log('Lightison');}else{console.log('Lightisoff');}this.isOn=!this.isOn;}}不使用DOMAPI也能达到同样的效果。无论你用纯JS能做什么，都可以在虚拟DOM中找到更高效的方法，如果找不到，就使用VueRefs。拥抱计算属性计算属性是减少复杂逻辑的好方法。例如，当我们的条件表达式很长时，我们可以使用计算属性，将其简化为一个变量，这样可以大大提高可读性，避免给后面维护的人留下空子。我们可以使用v-for循环遍历列表，有些人会像上面那样使用v-if来做条件或过滤。这看起来不错，但是，Vue的编译器优先于v-for而不是v-if，所以最终结果可能不是我们想要的，列表（假设它有100万）每次都会循环，所以效率不高，我们可以使用计算属性来改善这个问题。//...computed:{countryFilter:()=>{returnthis.cars.filter(function(car){returncar.country=="Germany"})}}这种的loop效率更高，计算出的属性只执行一次，只有当因变量发生变化时才会再次执行。最后，它将逻辑与模板部分分开，因此我们的代码更清晰、更具可读性。宝库---官方文档111Vue的文档很详细。毕竟是我们老百姓写的，比较符合我们的思维方式。文档中有很多提示和资源，包括风格指南，必须阅读一下。地址：https://cn.vuejs.org/v2/style-guide/index.html作者：NwoseLotannaVictor译者：前端小智来源：medium原文：https://blog.openreplay.com/5-有用-vuejs-tips-to-improve-your-building-experience【小编推荐】HarmonyOS官方战略合作共建-HarmonyOS技术社区抄袭不翻车：可承受千万级流量的大规模分布式系统架构设计2021年Top5开源方法游戏化工具数字化转型的七大热点趋势和三大冷趋势Windows11新预览版22449推送：开机动画怎么了？游戏玩家大规模退居Windows7：Windows10暴跌
