CDN mode uses vant components, and components cannot be called after they are introduced

         problem ： The project uses html Written h5 page , It uses vue+jquery, Because we need to do a function of image preview , I think of it. vant Inside ImagePreview Components , I want to use it , But there was a problem when it was introduced .

        1. introduce css file

<link rel="stylesheet" type="text/css" href="../../lib/vant/index.css"/>

        2. introduce js file

<script type="text/javascript" src="../../lib/vue/vue.min.js"></script>
<script type="text/javascript" src="../../lib/vant/vant.min.js"></script>

        3. Register to use vant

Vue.use(vant.ImagePreview)

        4. Use components

Using components and import Somewhat different , You can fill in the value by yourself , I use it when I click on the page image

 changeimg () {
      console.log("999") 
      vant.ImagePreview({
          images: ["https://m.360buyimg.com/babel/jfs/t1/44979/17/18719/194364/62be70ddEe3749112/5873151012657077.jpg.webp","https://m.360buyimg.com/babel/jfs/t1/44979/17/18719/194364/62be70ddEe3749112/5873151012657077.jpg.webp"],
          startPosition: '1'
      })
    }

        5. Page components

<vant-image-preview>
               <img  @click="changeimg" src="https://m.360buyimg.com/babel/jfs/t1/44979/17/18719/194364/62be70ddEe3749112/5873151012657077.jpg.webp" >
                <img  @click="changeimg" src="https://m.360buyimg.com/babel/jfs/t1/44979/17/18719/194364/62be70ddEe3749112/5873151012657077.jpg.webp" >
                 <img @click="changeimg" src="https://m.360buyimg.com/babel/jfs/t1/44979/17/18719/194364/62be70ddEe3749112/5873151012657077.jpg.webp" >
</vant-image-preview>

       The size of the picture of the page . The order of display or something , Then modify it according to the data transferred from the background , Now it's just dead data .ok La ！