在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 '路径名'

vue项目中常常会根据某种状态添加样式一些样式，比如每个网站顶部都会根据进入某个页面添加某些样式。

解决方法：可以根据 $route路由上判断

假如某个路由$route.path里面有地址栏路由，即indexOf不等于-1，即可添加某种样式。

---