zoukankan      html  css  js  c++  java
  • 【vue】项目目录结构及使用多的知识点

    项目目录:

    Node_modules/npm安装的该项目的依赖库 
    vuex/文件夹存放的是和 Vuex store 相关的东西(state对象,actions,mutations) 
    router/文件夹存放的是跟vue-router相关的路由配置项 
    build/文件是 webpack 的打包编译配置文件 
    static/文件夹存放一些静态的、较少变动的image或者css文件 
    config/文件夹存放的是一些配置项,比如服务器访问的端口配置等 
    dist/该文件夹一开始是不存在,在我们的项目经过 build 之后才会产出 
    App.vue根组件,所有的子组件都将在这里被引用 
    index.html整个项目的入口文件,将会引用我们的根组件 App.vue 
    main.js入口文件的 js 逻辑,在webpack 打包之后将被注入到 index.html 中

    项目中用法的知识点:

    1.合并对象

    相关链接:https://blog.csdn.net/qq_30100043/article/details/53422657

    项目实战:接口参数是在定义的this.form基础上新增了几项

    submitForm(formName) {
        let _this = this,data = this.form,temp;
        if(!data.corpid) {//添加
            delete data.corpid;
            temp = {
                agentid:'0',
                binding:'-1',
                type:'0',
                eid:this.$store.getters.eid,
            }
        } else {//编辑
            temp = {
                type:'0',
                eid:this.$store.getters.eid,
            }
        }
        
        this.$refs[formName].validate((valid) => {
            if (valid) {
                if(!data.corpid) {//添加
                    AxiosOpenplatform.getCorpid(data).then(response =>{//获取corpid
                        if (response.data.status == 'Y') {
                            _this.form = response.data.data;
                            Object.assign(_this.form,temp);
                            _this.$_add(_this.form);
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    });
                }else{//编辑
                    Object.assign(_this.form,temp);
                    _this.$_update(_this.form);
                }
    
                
                
            } else {
                this.$message.error('请填写完整后提交');
                return false;
            }
        });
    },

     2.es6中使用Number.isInteger()用来判断一个值是否为整数。

  • 相关阅读:
    Android编译系统
    Android指针管理:RefBase,SP,WP
    Android图片异步加载
    Android动画学习笔记Android Animation
    触发checkbox的click事件时遇到的问题
    C++ Primer笔记
    Android自定义对话框(Dialog)位置,大小
    android startService流程梳理笔记
    自定义SimpleAdapter
    Android Touch事件
  • 原文地址:https://www.cnblogs.com/websmile/p/9555421.html
Copyright © 2011-2022 走看看