vue实战(1)

版权声明:本文为博主原创文章,未经博主允许不得转载。 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有关的类

猜你喜欢

转载自blog.csdn.net/qq_24767091/article/details/83651399