フロントエンドコード仕様の概要

自分で作成した仕様の概要

あなたはgithubでより良いリファレンスを見つけることができます

vueの場合:
小道具:名前は対応するのに最適です:

// good
export default {
    
    
  props: {
    
    
    'greeting-text': String,
  },
};

// bad
export default {
    
    
  props: {
    
    
    greetingText: String,
  },
};

<!-- good -->
<welcome-message greeting-text="hi" />
<!-- bad -->
<welcome-message greetingText="hi" />
  1. コンポーネントの順序
组件选项的顺序
组件选项应该有统一的顺序。

export default {
    
    
  name: '',

  mixins: [],

  components: {
    
    },

  props: {
    
    },

  data() {
    
    },

  computed: {
    
    },

  watch: {
    
    },

  created() {
    
    },

  mounted() {
    
    },

  destroyed() {
    
    },

  methods: {
    
    },
};
  1. コンポーネントオプションの空白行
    複数のコンポーネントファイルをインポートする場合は、行を順番に定期的に折り返すことをお勧めします

  2. いくつかの複雑なロジックに関する注記と 函数的名字do, on handle ,get ,set ...

5.vueフォルダー、

assets--- 静态资源, components----公共组件, router---路由, store---vuex
views----vue文件,  utils --放一些常用公共函数, 以及 axios请求  .针对页面监理文件, 在里面设置compoents 为页面组件

おすすめ

転載: blog.csdn.net/ZHXT__/article/details/109211710