Using Ohter Libraries
You can use other libraries when you're writing Vucript.
Let's use HTTP requiest library axios with Vucript.
First, you need to install axios via npm
$ npm install axios
Let's see the example which is using yesno API which returns YES or NO randomly.
import { reactive } from "Vucript";
import axios from "axios";
let yesorno: reactive<string> = 'thinking';
const onMounted = async () => {
try {
const response = await axios.get("https://yesno.wtf/api");
yesorno = response.data["answer"];
} catch (error) {
console.error(error);
}
};
The code above is compiled to
import { defineComponent, ref, onMounted } from "vue";
import axios from "axios";
export default defineComponent({
setup() {
const yesorno = ref<string>("thinking");
onMounted(async () => {
try {
const response = await axios.get("https://yesno.wtf/api");
yesorno.value = response.data["answer"];
} catch (error) {
console.error(error);
}
});
return { yesorno };
},
});
"YES" or "NO" response is stored to valiable yesorno
.
Last updated
Was this helpful?