UNIAPP模版页

<template>
    <view class="">
    </view>
</template>

<script>
    import {
        mapState,
        mapMutations
    } from 'vuex';
    var that = this;
    export default {
        components: {},
        data() {
            return {
                title: 'xubo'
            }
        },
        computed: mapState(['userData', 'hasLogin']),
        onLoad(e) {
            // this.initdata();
        },
        onShow() {
            that = this;
            //that.mescroll.triggerDownScroll();
        },
        onReachBottom() {},
        onPageScroll(e) {},
        methods: {
            ...mapMutations(['userlogin','userquit']),
            initdata() {
                let that = this;
                that.$ajax.post('mall/banner', { type: 0 }, res => {
                    console.log(res);
                    if (res.status == 200) {
                        that.$common.successToShow(res.message, function() {
                        });
                    } else {
                        that.$common.errorToShow(res.message, function() {});
                    }
                });
            }
        },
        onPullDownRefresh() {uni.stopPullDownRefresh();},
        onNavigationBarButtonTap(e) {},
        onHide() {},
        onUnload() {},
        onBackPress() {},
        onShareAppMessage() {}
        
    }
</script>

<style>

</style>

常用VUE模版页

<template>
  <div>
    教师提交
  </div>
</template>
<script>
// 例如:import 《组件名称》 from '《组件路径》'
export default {
  // import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    // 这里存放数据
    return {}
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成(可以访问当前this实例)
  created() {},
  // 生命周期 - 挂载完成(可以访问DOM元素)
  mounted() {},
  beforeCreate() {},
  // 生命周期 - 创建之前
  beforeMount() {},
  // 生命周期 - 挂载之前
  beforeUpdate() {},
  // 生命周期 - 更新之前,
  updated() {},
  // 生命周期 - 更新之后
  beforeDestroy() {},
  // 生命周期 - 销毁之前
  destroyed() {},
  // 生命周期 - 销毁完成
  activated() {},
  // 方法集合
  methods: {}
  // 如果页面有keep-alive缓存功能,这个函数会触发
}
</script>
<style scoped></style>