Vue——v-text指令的用法——2020.11.14-白红宇

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

阅读量：325 次

发布时间：2019-03-04

本文共 562 字，大约阅读时间需要 1 分钟。

一丶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>

三丶运行结果

在这里插入图片描述

转载地址：http://jpth.baihongyu.com/

你可能感兴趣的文章

创建自己的Docker基础镜像

使用Jenkins来实现内部的持续集成流程（上）

HTTP 协议图解

Python 简明教程 --- 20，Python 类中的属性与方法

Python 简明教程 --- 21，Python 继承与多态

KNN 算法-理论篇-如何给电影进行分类

K 均值算法-如何让数据自动分组

Spring Cloud第九篇 | 分布式服务跟踪Sleuth

上帝的归上帝，凯撒的归凯撒—— CODING 权限管理更新

CODING 受邀参加《腾讯全球数字生态大会》

CODING 敏捷实战系列课第三讲：可视化业务分析

使用 CODING DevOps 全自动部署 Hexo 到 K8S 集群

工作动态尽在掌握 - 使用 CODING 度量团队效能

CODING DevOps 代码质量实战系列最后一课，周四发车

CODING DevOps 微服务项目实战系列最后一课，周四开讲！

CODING DevOps 深度解析系列第二课报名倒计时！

CODING DevOps 线下沙龙回顾二：SDK 测试最佳实践

翻译：《实用的Python编程》03_01_Script

Kwp2000协议的应用（程序后续篇）

一致 Hash 算法分析