这篇文章主要介绍“v-html和v-text的指令用处是什么，如何使用”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“v-html和v-text的指令用处是什么，如何使用”文章能帮助大家解决问题。

1、v-text 文本渲染指令

（只能渲染文本不能渲染标签）

 

<div id="test">

        <p v-text="message"></p>

 </div>

 <script src="./js/vue.js"></script>

 <script>
    const vm = new Vue({

            el:"#test",

            data:{

                message:"<h2>hello vue</h2>"

            }

        })

 </script>

输出结果为：

2、 v-html

(可以渲染指令，可以渲染标签)

<div id="test">

        <p v-html="message"></p>

 </div>

 <script src="./js/vue.js"></script>

 <script>

    const vm = new Vue({

            el:"#test",

            data:{

                message:"<h2>hello vue</h2>"

            }

        }) 

 </script>

输出结果为：

以上就是关于“v-html和v-text的指令用处是什么，如何使用”的介绍了，感谢各位的阅读，如果大家想要了解更多相关的内容，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JS中Math.random方法的使用有哪些细节要注意

  javascript中的math.random()是用来生成随机数的，其使用语法如“Math.floor(Math.random() * 10 + 1);”，该语句能在连续整数中取得一个随机数。

• JS怎样写Promise，原理及方法是什么

  这篇文章主要介绍了万字详解JavaScript手写一个Promise，Promise就是一个类，在执行这个类的时候，需要传递一个执行器(回调函数)进去，执行器会立即执行

• JSON字符串转对象过程报错怎么回事，如何处理

  这篇文章主要介绍了nodejs将JSON字符串转化为JSON对象报错的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

• 用Element怎样实现树形表格，具体方法操作是怎样

  这篇文章主要为大家介绍了vue element树形控件实现树形表格，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助

• Vue的响应式原理如何理解，组件化流程是什么

  这篇文章主要为大家介绍了图解Vue的响应式原理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪