一、多个Vue实例
vue同样可以初始化多个vue实例对象,然后里面的data、 methods、computed用法都是一样的
注意在不同的实例对象里,如果想使用别的实例对象里的data的某个属性,写法不用this. ,要用
某个对象.。
二、注册全局组件
使用V.component('',{}),第一个参数是自定义名字,第二个参数是一个对象,把vue实例里的属性
、方法都抽离出来。写法如下,template是固定写法,使用反引号,就不用拼接。点击修改按钮,只能修改一个实例里的值,如果想要点击一个修改按钮,修改两个实例里属性值,可以设置成全局变量。
使用let,定义一个变量data,然后return返回的时候返回这个data,就可以点击一个修改按钮,修改两个实例里的属性值
三、Fetch用法
fetch发送get请求和post请求
get请求,搜索jsonplaceholder 使用这里面的接口,mounted是一个钩子函数,它会自动执行这个函数,在页面没有渲染之前就会执行这个函数里面的方法,res是返回的一个Promise,
res.json()就是转换成json,然后使用return就是继续,最后把todos的值赋给this.todos,在html页面显示出来。
post请求,需要写method,body 固定写法,JSON.string(this.todo),headers
同样使用.then继续,最后提交的值用unshift在html页面中打印
四、axios用法
百度axios,然后可以看到一个axios中文文档,引入方式有两种使用npm,npm install axios
或者用cdn的方式引入,axios 发get请求的时候,直接返回的是json,无需再转了,直接用res.data就可以取到里面的值。axios发post请求的时候,不用再传对象,直接传接收的值即可,也同样不用转json
<script src="https://unpkg.com/axios/dist/axios.min.js"></script> |