Vue: Change displayed text when variable changes
HTML
<html>
<body>
<div id="wrapper">
<p>
Static text
</p>
<p>
{{ dynamicText }}
</p>
<p>
Change dynamic text:
<input type="text" v-model="dynamicText" />
</p>
<p>
More static text
</p>
</div>
</body>
</html>
JavaScript
new Vue({
el: '#wrapper',
data: {
dynamicText: "Dynamic text!"
}
})