欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-13 17:51:32
packageindex.htmlmainApp.vue截图的li可替换成下面这个代码,这样点击title时,可进入对应的视频链接list.vue 这个是自己创建的.....

vue-cli脚手架生成目录-----大致讲解使用
vue-cli脚手架生成目录-----大致讲解使用
其中component目录里装的是组件
.browserslistrc做一个浏览器的兼容性处理:里面的内容是 都要兼容的哪一些浏览器版本
package
vue-cli脚手架生成目录-----大致讲解使用

index.html

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

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
vue-cli脚手架生成目录-----大致讲解使用

list.vue 这个是自己创建的
vue-cli脚手架生成目录-----大致讲解使用
运行文件,打开网页
npm run serve 没有. 图片多打了个.
vue-cli脚手架生成目录-----大致讲解使用

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