[Vuejs]-How would one convert a razor loop into a Vue.js component?

You would have to render the data into a tag with razor, into a global variable. When you set up your vue component, use that global variable to set up the data function.