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

最新推荐文章于 2023-06-28 18:11:50 发布

Ferre666

最新推荐文章于 2023-06-28 18:11:50 发布

阅读量437

点赞数 1

分类专栏： Vue.js 文章标签： vue-js 入门内置指令

本文链接：https://blog.csdn.net/Ferre666/article/details/77483326

版权

Vue.js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

用法详细：

更新元素的 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>