在vue下面创建新页面并引入样式（图文讲解）

1.在components下面新建一个grid.vue的文件，在文件里放入内容

2.在css里新建一个grid.css文件，把grid.vue需要的样式放进来

3.在router里的index.js里import，import  文件名 from 文件存放的路径；并在routes下面写好路由

4.在main.js里引入grid.css的样式，import '路径名'

效果与a标签的target=_blank是一样的，只不过不用点击，直接打开

1、在router.js里新加一个路由

 {

    path: '/previewFile',

    name: 'previewFile',

    meta: {

      title: '预览文件',

      hideInMenu: true

    },

    component: () => import('@/view/audits/coms/previewFile.vue')

  }, 

2、在需要跳转的逻辑方法里加,这里必须用query，否则参数获取不到，亲测有效

const { href } = this.$router.resolve({

                    path: `/previewFile`,

                    query:{url:res.data.Url}                    

                })

                window.open(href, '_blank')

3、跳转页获取参数：let url=this.$route.query.url

---