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 相关文章推荐
Javascript中的相等与不等运算
Apr 25 Javascript
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 Javascript
浅析javascript函数表达式
Feb 10 Javascript
JavaScript函数柯里化原理与用法分析
Mar 31 Javascript
webpack配置sass模块的加载的方法
Jul 30 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
Vue 禁用浏览器的前进后退操作
Sep 04 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判断字符以及字符串的包含方法属性
2008/08/30 PHP
php addslashes及其他清除空格的方法是不安全的
2012/01/25 PHP
PHP使用xmllint命令处理xml与html的方法
2014/12/15 PHP
php将金额数字转化为中文大写
2015/07/09 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
js 中将多个逗号替换为一个逗号的代码
2014/06/07 Javascript
修复bash漏洞的shell脚本分享
2014/12/31 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
2015/03/18 Javascript
jQuery UI结合Ajax创建可定制的Web界面
2016/06/22 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
2017/01/06 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
解决vue字符串换行问题(绝对管用)
2020/08/06 Javascript
Python实现调度算法代码详解
2017/12/01 Python
Python hashlib模块加密过程解析
2019/11/05 Python
python with (as)语句实例详解
2020/02/04 Python
windows下的pycharm安装及其设置中文菜单
2020/04/23 Python
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
美国滑雪和滑雪板商店:Buckman
2018/03/03 全球购物
泰国在线书店:SE-ED
2020/06/21 全球购物
学校经典推荐信
2013/10/30 职场文书
大学生自荐书范文
2013/12/10 职场文书
仓库主管岗位职责
2014/03/02 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
党员四风自我剖析材料
2014/10/07 职场文书
事业单位个人查摆问题及整改措施
2014/10/28 职场文书
2015年煤矿工作总结
2015/04/28 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书