Vue——v-text指令的用法——2020.11.14

最新推荐文章于 2024-01-23 10:30:34 发布

Blockchain_KT

最新推荐文章于 2024-01-23 10:30:34 发布

阅读量409

点赞数 1

分类专栏： Vue.js-实战开发文章标签： vue js html5 css3 v-text

本文链接：https://blog.csdn.net/weixin_43402353/article/details/109687073

版权

Vue.js-实战开发专栏收录该内容

64 篇文章 46 订阅

订阅专栏

一丶v-text

v-text作用和Mustache比较相似：都是用于数据显示在界面中
v-text通常情况下，接受一个string类型
v-text不够灵活，一般开发中，就是用Mustache语法插值

二丶代码实战

<!--作者：key-->
<!--浏览工具：Chrome-->
<!--开发工具：WebStorm-->
<!--开发时间：2020/11/14 10:01-->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <h2>{{message}}</h2>
  <h2 v-text="message"></h2>
</div>
<script>
  const app = new Vue({
    el:"#app",
    data:{
      message:"Hello Ting,I am Key!"
    }
  })
</script>
</body>
</html>

三丶运行结果

在这里插入图片描述

关注博主即可阅读全文

优惠劵

Blockchain_KT

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
Vue——v-text指令的用法——2020.11.14

一丶v-textv-text作用和Mustache比较相似：都是用于数据显示在界面中v-text通常情况下，接受一个string类型v-text不够灵活，一般开发中，就是用Mustache语法插值二丶代码实战<!DOCTYPE html><html lang="
复制链接

扫一扫