当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue-cli脚手架生成目录-----大致讲解使用

vue-cli脚手架生成目录-----大致讲解使用

2020年07月14日  | 移动技术网IT编程  | 我要评论

在这里插入图片描述
在这里插入图片描述
其中component目录里装的是组件
.browserslistrc做一个浏览器的兼容性处理：里面的内容是 都要兼容的哪一些浏览器版本
package
在这里插入图片描述

在这里插入图片描述
main
在这里插入图片描述

App.vue
截图的li可替换成下面这个代码，这样点击title时，可进入对应的视频链接

	<ul>
      <li v-for="item in list" :key="item._id">
        <a :href="item.link">{{item.title}}</a>
      </li>
    </ul>

还需要在终端中输入npm i axios命令行 → 目的是为了使用axios
在这里插入图片描述

list.vue 这个是自己创建的
在这里插入图片描述
运行文件，打开网页
npm run serve 没有. 图片多打了个.
在这里插入图片描述

本文地址：https://blog.csdn.net/DcTbnk/article/details/107285325

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网