编程 Javascript

Vue v-text指令简单使用方法示例

Posted in Javascript onSeptember 19, 2019

本文实例讲述了Vue v-text指令简单使用方法。分享给大家供大家参考，具体如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>v-text</title>
  <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
</head>
<body>
<h1>v-text</h1>
<hr>
<div id="app">
  <span v-text="text"></span>
  <span v-html="html"></span>
</div>
</body>
</html>
<script>
  var app = new Vue({
    el:'#app',
    data:{
      text:'我是 text',
      html:'<h1>我是html标签 我可以写标签</h1>'
    }
  })
</script>

运行结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家vue.js程序设计有所帮助。

Vue v-text指令简单使用方法示例

- Author -

Json____

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

一个用js实现的页内搜索代码

May 23 Javascript

jQuery中:input选择器用法实例

Jan 03 Javascript

深入理解javascript中的 “this”

Jan 17 Javascript

原生javascript实现读写CSS样式的方法详解

Feb 20 Javascript

React组件内事件传参实现tab切换的示例代码

Jul 04 Javascript

小程序兼容安卓和IOS数据处理问题及坑

Sep 18 Javascript

angular6的响应式表单的实现

Oct 10 Javascript

小程序使用分包的示例代码

Mar 23 Javascript

基于js实现的图片拖拽排序源码实例

Nov 04 Javascript

如何在vue 中引入使用jquery

Nov 10 jQuery

详解Js模块化的作用原理和方案

Apr 29 Javascript

JavaScript执行机制详细介绍

Dec 06 Javascript

Vue.set 全局操作简单示例

Sep 19 #Javascript

layui对工具条进行选择性的显示方法

Sep 19 #Javascript

基于js实现抽红包并分配代码实例

Sep 19 #Javascript

Layui table field初始化加载时进行隐藏的方法

Sep 19 #Javascript

Vue 实例事件简单示例

Sep 19 #Javascript

微信小程序常用的3种提示弹窗实现详解

Sep 19 #Javascript

微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能（函数防抖）

Sep 19 #Javascript

You might like

解析Linux下Varnish缓存的配置优化

2013/06/20 PHP

destoon各类调用汇总

2014/06/20 PHP

php实现图片转换成ASCII码的方法

2015/04/03 PHP

PHP简单字符串过滤方法示例

2016/09/04 PHP

Yii2.0 RESTful API 基础配置教程详解

2018/12/26 PHP

jQuery AjaxQueue改进步骤

2011/10/06 Javascript

Javascript高级技巧分享

2014/02/25 Javascript

javascript中parseInt()函数的定义和用法分析

2014/12/20 Javascript

基于jQuery的JavaScript模版引擎JsRender使用指南

2014/12/29 Javascript

JS获取图片高度宽度的方法分享

2015/04/17 Javascript

AngularJS控制器继承自另一控制器

2016/05/09 Javascript

浅谈Cookie的生命周期问题

2016/08/02 Javascript

轻松掌握JavaScript单例模式

2016/08/25 Javascript

深入理解js中的加载事件

2017/02/08 Javascript

Vue filters过滤器的使用方法

2017/07/14 Javascript

jQuery Datatables表头不对齐的解决办法

2017/11/27 jQuery

Node.js Event Loop各阶段讲解

2019/03/08 Javascript

浅谈Vue.set实际上是什么

2019/10/17 Javascript

JavaScript实现滑动门效果

2020/01/18 Javascript

[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16

2018/08/17 DOTA

Django视图和URL配置详解

2018/01/31 Python

Python爬虫使用脚本登录Github并查看信息

2018/07/16 Python

对Python3.6 IDLE常用快捷键介绍

2018/07/16 Python

python批量赋值操作实例

2018/10/22 Python

django修改models重建数据库的操作

2020/03/31 Python

Linux系统下升级pip的完整步骤

2021/01/31 Python

博柏利美国官方网站：Burberry美国

2020/11/19 全球购物

Java语言的优势

2015/01/10 面试题

JSF的标签库有哪些

2012/04/27 面试题

驻村工作先进事迹

2014/08/14 职场文书

幼儿园八一建军节活动方案

2014/08/27 职场文书

法人授权委托书范本

2014/09/17 职场文书

2014年大学生工作总结

2014/11/20 职场文书

党风廉政建设调研报告

2015/01/01 职场文书

观看安全警示教育片心得体会

2016/01/15 职场文书

导游词之井冈山

2019/11/20 职场文书