//模板
<script>
export default {
name: "MyComponent",
/* 可用组件 使用组件MyTable时,可以直接使用<my-table>标签,html不区分大小写,vue对使用驼峰命名法的组件会自动转换为间隔符-*/
components: { MyTable},
filters: {
dateFormate(date) {
return dateTimeFormate(date)
}
},
/* 父组件传递数据 */
props: {
/*决策事件名称*/
eventCode: {
type: [Boolean,String],
required: true
}
},
/* 数据 */
data() {
return {
versionId: 0,
}
},
/* 计算方法 */
computed: {},
created() {
this.versionId = this.$route.query.versionId
},
/* 方法 */
methods: {
refresh(){}
}
}
}
</script>
- 副作用 (触发组件外的影响)
- 全局感知 (要求组件以外的知识)
- 组件类型 (更改组件的类型)
- 模板修改器 (改变模板的编译方式)
- 模板依赖 (模板内使用的资源)
components
directives
filters
- 组合 (向选项里合并属性)
- 接口 (组件的接口)
inheritAttrs
model
props
/propsData
- 本地状态 (本地的响应式属性)
data
(){return {}}computed
- 事件 (通过响应式事件触发的回调)
watch
- 生命周期钩子 (按照它们被调用的顺序)
beforeCreate
created
(){}beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeDestroy
destroyed
- 非响应式的属性 (不依赖响应系统的实例属性)
- 渲染 (组件输出的声明式描述)
template
/render
renderError
- 定义 (提供组件的选项)
- 列表渲染 (创建多个变化的相同元素)
- 条件渲染 (元素是否渲染/显示)
v-if
v-else-if
v-else
v-show
v-cloak
- 渲染方式 (改变元素的渲染方式)
- 全局感知 (需要超越组件的知识)
- 唯一的特性 (需要唯一值的特性)
- 双向绑定 (把绑定和事件结合起来)
- 其它特性 (所有普通的绑定或未绑定的特性)
- 事件 (组件事件监听器)
- 内容 (覆写元素的内容)