• vue全家桶+Koa2开发笔记(8)--开发网页


    1.使用 mongoose 动态倒入数据

     mongoimport -d student -c areas areas.dat 

    -d 后面是数据库名称; -c后面是表名称 最后是数据源

    2.使用vue的watch监听的时候,是可以有参数的:

    watch:{
            pvalue:async function(value){
            console.log(value);
            }
    }

    参数value指的是 pvalue的值。再如,下面的代码参数val表示的是firstName和lastName

    var vm = new Vue({
      el: '#demo',
      data: {
        firstName: 'Foo',
        lastName: 'Bar',
        fullName: 'Foo Bar'
      },
      watch: {
        firstName: function (val) {
          this.fullName = val + ' ' + this.lastName
        },
        lastName: function (val) {
          this.fullName = this.firstName + ' ' + val
        }
      }
    })

    3. 使用组件的名字,不能和默认的元素名称一样,例如下面的组件占用了html的元素名称:

    <template>
        <div><select/></div>
    </template>
    <script>
    import Select from '@/components/changeCity/isselect.vue'
    export default {
        layout:'blank',
        components: {
            Select
        }
    }
    </script>

    这样组件是无法显示。

    4. layout,如果page页面中不定义,则会使用默认的模板。见上图的layout。

    5.将从接口得到的数据复制给state,可以使用下面的方法:

    getCity:async function(){
                let self = this;
                let {status,data:{city}} = await self.$axios.get(`/geo/getCity`)
                if(status == 200){
                    self.city = city.map(item => {
                        return {
                            value:item.id,
                            label:item.name
                        }
                    })
                }
    }

    即使用的map方法复制。

  • 相关阅读:
    多继承
    NavigationController的使用
    WebService概述
    IOS block 教程
    多测师肖老师__项目讲解(12.3)
    跨平台跨服务器跨网站SSO(单点登录)方案的DEMO
    使用SQL Server Profiler
    asp.net生成高质量缩略图通用函数(c#代码),支持多种生成方式
    SQL优化实例:从运行30分钟到运行只要30秒
    测试工具的选择和使用
  • 原文地址:https://www.cnblogs.com/xiaozhumaopao/p/10408368.html
Copyright © 2020-2023  润新知