版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_24767091/article/details/83651399
一、文件
1、src:这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:
1)assets:资源目录,放置一些图片或者公共js、公共css。这里的资源会被webpack构建;
2)components:组件目录,我们写的组件就放在这个目录里面;
3)router:前端路由,我们需要配置的路由路径写在index.js里面;
4)App.vue:根组件;
5)main.js:入口js文件;
2、static:静态资源目录,如图片、字体等。不会被webpack构建
3、index.html:首页入口文件,可以添加一些 meta 信息等
实战:
1.加载首页路径重定向
如重定向到layout.vue,在main.js中将app.vue的import引入及模板组件改为layout
2.js中引入图片时,要加require
3.元素位置是偶数时添加类,并添加跟元素id有关的类