Vue.js入门-内置指令v-text

时间:2022-12-21 13:25:09

用法详细:

更新元素的 textContent。如果要更新部分的 textContent ,需要使用 {{ Mustache }} 插值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue learning</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>

<div id="app">
<b>FIRST_NAME:
{{book.name}}</b><br />
<b>LAST_NAME :
{{book.author}}</b>

</div>

<script type="text/javascript">
var app = new Vue({
el:'#app',
data:{
book:{
name:'Vue.js && ThinkPHP',
author:'Faith',
}
}
});
</script>

</body>
</html>

效果:粗体的
FIRST_NAME:Vue.js && ThinkPHP
LAST_NAME :Faith