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 相关文章推荐
jquery中对表单的基本操作代码
Jul 29 Javascript
js限制checkbox选中个数以限制六个为例
Jul 15 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
vuejs动态组件给子组件传递数据的方法详解
Sep 09 Javascript
JS控件bootstrap datepicker使用方法详解
Mar 25 Javascript
基于javascript 显式转换与隐式转换(详解)
Dec 15 Javascript
Vue中props的使用详解
Jun 15 Javascript
js实现按钮开关单机下拉菜单效果
Nov 22 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
Jun 10 Javascript
js实现简单抽奖功能
Nov 24 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实现的返回数据格式化类实例
2014/09/22 PHP
php实现zip文件解压操作
2015/11/03 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
JS面向对象编程之对象使用分析
2010/08/19 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
2013/12/05 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
js实现选中页面文字将其分享到新浪微博
2015/11/05 Javascript
Javascript原型链的原理详解
2016/01/05 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
详解vue 组件
2020/06/11 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
vue组件开发之slider组件使用详解
2020/08/21 Javascript
[44:04]OG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
详解Python中find()方法的使用
2015/05/18 Python
浅析Python中的join()方法的使用
2015/05/19 Python
Python中pymysql 模块的使用详解
2019/08/12 Python
python+jinja2实现接口数据批量生成工具
2019/08/28 Python
python+opencv边缘提取与各函数参数解析
2020/03/09 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
详解python百行有效代码实现汉诺塔小游戏(简约版)
2020/10/30 Python
教师岗位职责范本
2013/12/29 职场文书
青年创业培训欢迎词
2014/01/10 职场文书
商务经理岗位职责
2014/08/03 职场文书
初三语文教学计划
2015/01/22 职场文书
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers