I have no experience with Vue or JS.

I want to pass a YouTube link from data() to iFrame.

Can this be done?

If so what steps are necessary to do so?

The code below shows what I have so far, though I'm not even sure if it's correct, as this is my first time in Vue.js and JS world.

I have looked here and elsewhere for ideas on how to do this but have not yet found anything I can use.

Any helpful tips are greatly appreciated, thank you.

<template>
   
    <div>
           
          <iframe width="800" height="230" src=this.link></iframe>
                  
    </div>
  
</template>

<script>

import axios from "axios";

export default{
    
     name:"Camera",
     data(){
         return{
         link:"https://www.youtube.com/embed/08Xmfi1QIxc",
         
     };
     },
    methods:{
        
        OnSelectCam(link){
            this.link = link;
        },    
            
        },
   
}   
   
</script>

<style scoped>
</style>