Vue.js 知识点总结(v-bind v-once v-html)

最新推荐文章于 2024-07-05 11:27:33 发布

梦境工程师-335

最新推荐文章于 2024-07-05 11:27:33 发布

阅读量2k

点赞数

分类专栏：前端_Vue.js 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_41136216/article/details/105721956

版权

本文详细介绍了Vue.js中的三个重要指令：v-bind用于数据绑定，解决了href中不能直接使用{{}}的问题；v-once用于一次性渲染数据，适用于静态内容；v-html则用于输出HTML，但需警惕XSS攻击风险。

摘要由CSDN通过智能技术生成

v-bind

v-bind用来绑定数据
相关用法

（1）动态地绑定一个或多个 attribute，或一个组件 prop 到表达式。
（2）在绑定 class 或 style attribute 时，支持其它类型的值，如数组或对象。
（3）动态地绑定一个或多个 attribute，或一个组件 prop 到表达式。

按常规vue中写v-bind >>>

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>

<body>
    <div id="hello">
        <h1>{
  {say}}</h1>
        <a href="{
    {link}}">baidu</a>
    </div>
    <script>
        var a = new