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

用法详细:

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


<html>
<head>
<meta charset="utf-8">
<title>Vue learningtitle>
<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

你可能感兴趣的:(Vue.js)