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 相关文章推荐
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
JavaScript实现点击按钮切换网页背景色的方法
Oct 17 Javascript
老生常谈js中0到底是 true 还是 false
Mar 08 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
JS中Object对象的原型概念基础
Jan 29 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
解决layer.confirm快速点击会重复触发事件的问题
Sep 23 Javascript
浅谈layui 绑定form submit提交表单的注意事项
Oct 25 Javascript
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
实用的 vue tags 创建缓存导航的过程实现
Dec 03 Vue.js
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 无限极分类
2008/03/27 PHP
PHP var_dump遍历对象属性的函数与应用代码
2010/06/04 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
js直接编辑当前cookie的脚本
2008/09/14 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
2014/06/30 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
2020/04/01 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
利用Python批量生成任意尺寸的图片
2016/08/29 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
Windows下python3.6.4安装教程
2018/07/31 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
松下电器美国官方商店:Panasonic美国
2016/10/14 全球购物
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
大学毕业生通用自我评价
2014/01/05 职场文书
婚礼司仪主持词
2014/03/14 职场文书
铁路安全事故反思
2014/04/26 职场文书
我的教育故事演讲稿
2014/05/04 职场文书
北京颐和园导游词
2015/01/30 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
同学聚会开幕词
2019/04/02 职场文书
2019入党申请书格式和范文
2019/06/25 职场文书
2019年教师节:送给所有老师的祝福语
2019/09/05 职场文书