美文网首页
Vue中的常用指令

Vue中的常用指令

作者: 前端拾荒者 | 来源:发表于2018-03-10 11:18 被阅读0次

插值表达式:语法: {{ }}
在插值表达式中写的模型的名称,必须要在data中查找得


  • v-text:绑定自定义属性往标签中间插值

  • v-html:插值解析html标签
<body>
    <div id="app">
        <!-- 插值表达式 -->
        {{message}}
        <!-- v-text -->
        <span v-text='lc'></span>
        <!-- v-html -->
        <span v-html='lc1'></span>
    </div>
</body>

<script>
    var vm = new Vue({
        el: '#app',
        data: {
            message: '南方菇凉',
            lc: '北方有佳人',
            lc1: '<i>中间有朵花</i>'
        }
    })
</script>

相关文章

  • Vue基础知识介绍

    本节主要介绍Vue.js开发中的常用指令介绍,后续会持续补充 1. vue中常用的v-指令 v-text // 是...

  • vue入门6---vue基本指令、自定义指令、插件

    一、vue常用指令概览 二、vue自定义指令 注册全局指令Vue.directive('my-directive'...

  • Vue.js第二天

    指令 1.什么是指令? 2.vue中常用的指令

  • Vue中的常用指令

    插值表达式:语法: {{ }}在插值表达式中写的模型的名称,必须要在data中查找得 v-text:绑定自定义属...

  • Vue中的常用指令

    1、v-text 用来操作当前元素的textContext和innerText属性,会覆盖掉标签中原有的内容。 无...

  • vue 局部指令和全局指令

    vue 自定义指令常用于 DOM 操作 局部指令 1. 简单使用 在组件中 2. 封装 新建 src/utils/...

  • vue中的常用指令二

    一:v-model v-model双向数据绑定,用于表单元素 二、v-on绑定事件 v-on:事件名=“函数名” ...

  • vue 常用指令

    一、了解 Vue.js 1 Vue.js是什么?作者:尤雨溪Vue.js是一套用于构建用户界面的渐进式框架。V...

  • Vue常用指令:

    v-for="(value,index) in arr" 循环 遍历 v-model=""双向数据...

  • vue常用指令

    v-text:绑定内容 v-html:渲染html v-show:切换显示隐藏 v-if:条件渲染 v-else:...

网友评论

      本文标题:Vue中的常用指令

      本文链接:https://www.haomeiwen.com/subject/zzmvfftx.html