cms之day2(vue子路由、debugger、mongoose)

day2

1.vue ant-design前端

1. vue router子路由

const routes=[
    {path:"/demo1/:id",component:demo1,props:true},//props为true时，可以将动态路由的值传递给相应的组件
    {path:"/demo2",component:demo2},
    //{path:"/demo3",component:demo3,name:"test"},//name属性是给路由起别名，方便用js的方式去跳转
    {path:"/demo3/:id",component:demo3,name:"test"},//name属性是给路由起别名，方便用js的方式去跳转
    {path:"/demo4",component:demo4,children:[
        {path:"demo4-1",component:demo4a}
    ]},//name属性是给路由起别名，方便用js的方式去跳转
]

2. router 下的name属性用法

​ 传送门

3. vue项目使用debugger

​ 在package.json\eslintConfig\rules里

  "rules": {
      "no-debugger": "off",
      "no-console": "off"
    }

2. node 应用程序生成器

1. mongoose查询返回部分字段

  const result = await ManagerModel.find({}, ['_id', 'username', 'email', 'mobile', 'status'])