烟台网站制作设计,石景山网站制作案例,wordpress的文章形式,品牌网站建设优化公司排名vue 中 axios 的安装及使用 1. axios 安装2. axios使用 1. axios 安装
首先#xff0c;打开当前的项目终端#xff0c;输入
npm install axios --save-dev验证是否安装成功#xff0c;检查项目根目录下的 package.json,其中的 devDependencies 里面会多出一个axios及其版本… vue 中 axios 的安装及使用 1. axios 安装2. axios使用 1. axios 安装
首先打开当前的项目终端输入
npm install axios --save-dev验证是否安装成功检查项目根目录下的 package.json,其中的 devDependencies 里面会多出一个axios及其版本号。 2. axios使用
templatediv classmaindiv classboxulli v-foritem in list :keyitem.id classnewsdiv classleftdiv classtitle{{ item.title }}/divdiv classinfospan{{ item.source }}/spanspan{{ item.time }}/span/div/divdiv classrightimg :srcitem.img alt/div/li/ul/div/div
/templatescriptimport axios from axios// 接口地址http://hmajax.itheima.net/api/news
// 请求方式get
export default {data () {return {list: []}},async created () {// 1. 发送请求获取数据const res await axios.get(http://hmajax.itheima.net/api/news)// 2. 更新到 list 中this.list res.data.data}
}
/scriptstyle
/style
