[vue] 你有看过vue推荐的风格指南吗?列举出你知道的几条
Activity
xuech commentedon Jul 4, 2019
1、组件名称见名知意,最好加特殊前缀,如:el-Button、el-row等
2、组件的prop尽可能描述的越详细越好
3、为组件样式设置scoped作用域
等等
xuech commentedon Jul 4, 2019
1、使用v-for时记得加key,可以快速定位到需要更新的DOM节点,提高效率。
2、永远不要把 v-if 和 v-for 同时用在同一个元素上。提高渲染效率
3、优先通过 Vuex 管理全局状态,而不是通过 this.$root 或一个全局事件总线
encountermm commentedon Jul 15, 2019
官方风格指南:https://cn.vuejs.org/v2/style-guide/index.html
censek commentedon Oct 9, 2019
🔗 https://cn.vuejs.org/v2/style-guide/
:key
配合v-for
v-if
和v-for
用在一起$_
前缀。并附带一个命名空间以回避和其它作者的冲突 (比如$_yourPluginName_
)。Base
、App
或V
。The
前缀命名,以示其唯一性。Vue.component
进行全局组件注册时,可以使用 kebab-case 字符串。:
表示v-bind:
、用@
表示v-on:
和用#
表示v-slot:
) 应该要么都用要么都不用。https://cn.vuejs.org/v2/style-guide/#%E4%BC%98%E5%85%88%E7%BA%A7-C-%E7%9A%84%E8%A7%84%E5%88%99%EF%BC%9A%E6%8E%A8%E8%8D%90-%E5%B0%86%E9%80%89%E6%8B%A9%E5%92%8C%E8%AE%A4%E7%9F%A5%E6%88%90%E6%9C%AC%E6%9C%80%E5%B0%8F%E5%8C%96
<script>
、<template>
和<style>
标签的顺序保持一致。且<style>
要放在最后,因为另外两个标签至少要有一个。v-if
/v-else-if
/v-else
中使用key
scoped
中出现。this.$parent
或改变 prop。this.$root
或一个全局事件总线。crush2020 commentedon Jan 25, 2021
在路由中导入的组件小写,在页面中导入的组件以驼峰命名
dzhou-CHINA commentedon Oct 13, 2021
Why?