<style>

#app {

  font-family: Roboto, Helvetica, Arial, sans-serif;

}

</style>

<script>

  import { MDBSelect } from "mdb-vue-ui-kit";

  import { ref, onMounted } from "vue";

​

  export default {

    components: {

      MDBSelect

    },

    setup() {

      const options1 = ref([

        { text: "One", value: 1 },

        { text: "Two", value: 2 },

        { text: "Three", value: 3 },

        { text: "Four", value: 4 },

        { text: "Five", value: 5 },

        { text: "Six", value: 6 },

        { text: "Seven", value: 7 },

        { text: "Eight", value: 8 }

      ]);

      const selected1 = ref("");

      const selectRef = ref(null);

      onMounted(()=>{

        selectRef.value.setValue(4);

      })

​

      return {

        options1,

        selected1,

        selectRef

      };

    }

  };

</script>