美文网首页
Vue.js基础入门之属性绑定

Vue.js基础入门之属性绑定

作者: 天神Deity | 来源:发表于2018-04-25 23:01 被阅读10次

Vue实例中的属性与html的绑定

vm = new Vue({
     el: "#element"
     data:{
           message: "this is message"
     }
})

使用:
1.插值写法

<div>{{message}}</div>

2.属性绑定

<div v-bind:title="message"></div>  <!---将message绑定到title属性上-->

3.双向绑定

<input v-model = "message"></input>
<div>{{message}}</div>

相关文章

  • Vue.js基础入门之属性绑定

    Vue实例中的属性与html的绑定 使用:1.插值写法 2.属性绑定 3.双向绑定

  • vue 中修改属性

    属性的绑定:v-bind vue.js html

  • angular-2

    angular基础模板语法 文本绑定 {{}} html绑定 [innerHTML]="xxx" 属性绑定 [属性...

  • 《Vue.js 实战》基础篇(上)

    本章内容:认识 Vue.js、数据绑定、计算属性、内置指令 一、初始 Vue.js 1.1 Vue.js 是什么 ...

  • vue:样式绑定

    Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性,用于设置元...

  • vue.js学习笔记四

    Vue.js 样式绑定Vue.js class class 与 style 是 HTML 元素的属性,用于设置元素...

  • Vue-全集

    入门 事件 条件 属性绑定 双向绑定 属性计算 过滤器 组件 路由 Axios.js Vue-cli

  • Vue.js基础入门

    今天,给大家分享下Vue.js基础入门,我主要由了解Vue.js、开始起步、语法三个部分简单的写了基础入门知识,希...

  • Vue.js基础入门

    今天,给大家分享下Vue.js基础入门,我主要由了解Vue.js、开始起步、语法三个部分简单的写了基础入门知识,希...

  • 渐进式框架 Vue.js 基础入门及简单编程演示

    渐进式框架 Vue.js 基础入门及简单编程演示 ---------------------- 概念基础 ----...

网友评论

      本文标题:Vue.js基础入门之属性绑定

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