Vue 组件的结构应该是什么？应该按什么顺序添加功能？

Question

Vue 组件有系统的结构吗？应该以什么顺序编写计算、方法、组件、安装的手表等？

Answer 1

更新 因为component我最喜欢在script标签之前放置html标签。由于我们主要用来玩的想法，js所以我总是在页面中向下移动感到很痒。否则根据您的喜好进行布局

根据 Vue 官方风格指南 -

组件/实例选项的顺序应一致。

这是我们为组件选项推荐的默认顺序。它们分为几类，因此您将知道从插件中添加新属性的位置。

副作用（触发组件外的效果）

el

全球意识（需要组件之外的知识）

name
parent

组件类型（更改组件的类型）

functional

模板修饰符（改变模板的编译方式）

delimiters
comments

模板依赖（模板中使用的资产）

components
directives
filters

组合（将属性合并到选项中）

extends
mixins

接口（组件的接口）

inheritAttrs
model
props/propsData

局部状态（局部反应特性）

data
computed

事件（由反应事件触发的回调）

watch
Lifecycle Events (in the order they are called)
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeDestroy
destroyed

非反应性属性（独立于反应性系统的实例属性）

methods

渲染（组件输出的声明性描述）

template/render
renderError

更多的推荐style-guide的Vue-看吧VUE式导向