作为一个全栈，一个人挑几个项目的存在，每日过代码无数，根本记不住，
今日发现，一天十几二十几个文件的工作量，根本不是人能记住的，所以做个笔记
喃无阿尼陀佛，造福自己，普度众码农，愿少一点程序猿去地中海朝圣
<template>
{{level|levelFilter}}
<!--level 使用levelFilter数据格式化-->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<!--@refreshDataList 注册到子组件，子组件调用-->
</template>
<script type="text/javascript">
import AddOrUpdate from './category-add-or-update' /*引用组件*/
import {
getOrderSetting
} from '@/api/orderSetting'; /*引用方法*/
var _self;
var defaultData={};//默认数据，初始化使用，放数据错乱
export default {
data() {
return {
addOrUpdateVisible: false, //控制子组件显示隐藏
dataForm: Object.assign({}, defaultData),/*拷贝数据，防止数据内存地址错乱，数据初始化时再次使用*/
}
},
/*子组件专用*/
props: {
value: Object, //接收父页面通过 v-model传来的值
isEdit: {
type: Boolean, //定义数据类型
default: false
}
},
components: { //注册组件模块
AddOrUpdate /*注册组件*/
},
/*自己定义的变量，用于组件数据绑定*/
computed: {
detailHtml_Temp() {
return this.value.detailHtml_Temp;
},
selectSubject: {
get: function() {
return subjects;
},
set: function(newValue) {
}
},
},
/*监控自定义变量*/
watch: {
detailHtml_Temp: {
immediate: true,/*页面创建即运行*/
deep: true,/*深度监控*/
handler(val, oldVal) {
},
},
},
mounted(){ //页面初始化方法,向后台请求的初始化数据放在这里，ssr后端初始化有用到
},
/*方法模块*/
methods: {
getDataList() {
this.$emit('refreshDataList'); /*子组件专用，调用父页面传来的参数*/
},
},
/*初始化模块，进入页面触发*/
activated() {
this.getDataList() //调用内部方法
},
/*初始化模块 渲染前触发 只触发一次*/
created() {
_self = this; /*this赋予_self 方便在ajax等方法内部回调*/
},
/*格式化数据模块*/
filters: {
levelFilter(value) {
if (value === 0) {
return '一级';
} else if (value === 1) {
return '二级';
}
}
}
}
</script>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/107688.html
