We will build an icon that represents the sound volume. Adjusting the sound level will change the icon. The icon itself will be a component, like the following:
Vue.component('sound-icon', { template: "<span>{{soundEmojis[level]}}</span>", props: ['level'], data () { return { soundEmojis: ['', '', '', ''] } } })
Note how ...