Vue.jsSDK配置视频教程

npm install @cloudinary/url-gen @cloudinary/vue

<script>
import { AdvancedImage } from "@cloudinary/vue";
import { Cloudinary } from "@cloudinary/url-gen";
</script>

<script>
...
const cld = new Cloudinary({
  cloud: {
    cloudName: "demo",
  },
});
</script>

<script>
...
const myImg = cld.image("docs/models");
</script>

<template>
  <AdvancedImage :cldImg="myImg" />
</template>

<script>
...
const props = defineProps({
  imageName: String,
})

const myImg = cld.image(props.imageName);
</script>

<script>
import CloudImage from "./components/CloudImage.vue";
</script>

<template>
  <CloudinImage imageName="docs/models" />
</template>