美文网首页
vue学习---基础指令

vue学习---基础指令

作者: 苏敏 | 来源:发表于2017-11-21 13:58 被阅读3次

v-model:
主要是在表单里面使用。比如文本框、下拉框、单选、复选、textarea。 v-model是一个双向的功能,文本框输入以后,模型也会发生改变,反之模型改变了文本框也会改变。
v-text
主要用于文本的渲染,和{{}}功能一样,但是{{}}在第一次页面Vue木有初始化完成会显示{{}}字符,故文本渲染多用v-text。
v-show
控制显示隐藏。dom是存在的。仅仅加display block: display none。
v-if
控制显示隐藏。如果dom不显示,整个dom没有不存在。
v-bind
绑定属性。给一个dom元素添加属性。比如:在做图片的渲染过程中,如果图片的src地址是动态的,那么就需要v-bind去绑定src属性,去给这个src赋值。
v-for
循环。主要用于表格,<li> 标签 去循环一个数组。
v-on
事件绑定。【v-on:同等于@】
filter:
过滤器。格式化数据。如后台返回金额19数字。页面显示:¥19.00元。
component
组件。在做单页面过程中使用多些。把每一个网页做成多个组件然后拼接。起到组件复用。如页面头部底部和轮播等。

后台交互用vue-resources
单页面用vue-router
项目足够复杂用vuex
构建系统用 build

相关文章

  • v-on指令

    Vue.js 基础学习 v-on 指令

  • vue 基础知识总结

    这里我们学习vue1.0和2.0看看他们之间有什么不同; 1.vue的基础指令## 1.1 v-on 指令的使用;...

  • vue学习---基础指令

    v-model:主要是在表单里面使用。比如文本框、下拉框、单选、复选、textarea。 v-model是一个双向...

  • vue基础指令学习

    欢迎大家去 我的博客 瞅瞅,里面有更多关于测试实战的内容哦!!

  • Vue 成长之旅 | Vue基础用法一

    一、Vue 基础使用 二 、 Vue的指令与过滤器 1、指令的概念 指令: 是vue为开发者提供的模板语法 , 用...

  • [Vue]基础指令

    v-model .lazy.lazy修饰符,焦点离开文本框发生变化 .trim去空格 .number Vue.di...

  • vue基础指令

    数据渲染 对比 {{}} , v-text, v-html的区别 具体代码 代码解析: 属性绑定 v-bind 用...

  • Vue基础指令

    Vue循环指令 Vue绑定指令: v-bind:style,v-bind:class: v-model双向数据绑定...

  • vue知识点列表

    vue基础 Vue 特点 Vue 实例 插值表达式 {{}} 指令: v-bind, v-if, v-for, v...

  • vue语法 大纲

    vue基础 Vue 特点 Vue 实例 插值表达式 {{}} 指令: v-bind, v-if, v-for, v...

网友评论

      本文标题:vue学习---基础指令

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