[Vuejs]-Vue.js change template data

You need to pass it as a prop to the component:

Vue.component('greeting', {
    template: `<h1>{{ greeting }}</h1>`,
    props: ['greeting']
});

and the html:

<greeting :greeting="text"></greeting>