Challenge #1 of 1

Suppose we have a Vue component that looks like this:

const app = new Vue({
    el: '#app',
    template: '<span class="title">{{ title }}</span>
});

and you want to add title as a new "data" key to this component. How could we do that and set its initial value to Vue challenge!. How would you go about initializing this data?

data: `title='Vue challenge!'`,

data() { return { title: 'Vue challenge!' }; },

data() { title = 'Vue challenge!'; },

data: 'Vue challenge!',

Rewatch Video