编程 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 相关文章推荐

XMLHTTPRequest的属性和方法简介

Nov 23 Javascript

JavaScript中三种异步上传文件方式

Mar 06 Javascript

Angular中使用ui router实现系统权限控制及开发遇到问题

Sep 23 Javascript

几行js代码实现自适应

Feb 24 Javascript

jquery.uploadView 实现图片预览上传功能

Aug 10 jQuery

angular2路由切换改变页面title的示例代码

Aug 23 Javascript

详解react内联样式使用webpack将px转rem

Sep 13 Javascript

jQuery.validate.js表单验证插件的使用代码详解

Oct 22 jQuery

vue-test-utils初使用详解

May 23 Javascript

Vue监听页面刷新和关闭功能

Jun 20 Javascript

bootstrap+spring boot实现面包屑导航功能(前端代码)

Oct 09 Javascript

javascript实现移动端轮播图

Dec 09 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