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>

运行结果:

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

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

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

Javascript 相关文章推荐
点击标签切换和自动切换DIV选项卡
Aug 10 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
JavaScript汉诺塔问题解决方法
Apr 21 Javascript
js实现简单计算器
Nov 22 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
Aug 22 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
Nov 09 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 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
如何使用php实现评委评分器
2015/07/31 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
js获取页面description的方法
2015/05/21 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
分分钟学会vue中vuex的应用(入门教程)
2017/09/14 Javascript
使用D3.js+Vue实现一个简单的柱形图
2018/08/05 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
JavaScript This指向问题详解
2019/11/25 Javascript
JS内置对象和Math对象知识点详解
2020/04/03 Javascript
JavaScript 实现轮播图特效的示例
2020/11/05 Javascript
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
Python字符串、元组、列表、字典互相转换的方法
2016/01/23 Python
python安装教程 Pycharm安装详细教程
2017/05/02 Python
Python 解决中文写入Excel时抛异常的问题
2018/05/03 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
修改python plot折线图的坐标轴刻度方法
2018/12/13 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
垃圾回收的优点和原理
2014/05/16 面试题
自主招生自荐信范文
2013/12/04 职场文书
趣味比赛活动方案
2014/02/15 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
护士实习自荐信
2015/03/06 职场文书
消防安全月活动总结
2015/05/08 职场文书
2015年酒店销售部工作总结
2015/07/24 职场文书
迎国庆主题班会
2015/08/17 职场文书
2016年优秀团支部事迹材料
2016/02/26 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python