栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

Vue2.0基础语法知识总结

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Vue2.0基础语法知识总结

Vue介绍

Vue是一个MVVM的渐进式前端框架。
包括:

  • 声明式渲染 Declarative Rendering
  • 组件系统 Components
  • 客户端路由 Vue-router
  • 大规模状态管理 Vuex
  • 构建工具 Webpack/Vue-cli
  • 服务端通信 Axios
Vue的基础语法介绍
  • v-model:主要是在表单元素的双向数据绑定中使用。比如文本框、下拉框、单选、复选、textarea等等。因为v-model是双向绑定的,所以文本框输入以后,模型也会发生改变。反之模型改变了文本框也会改变。

  • v-text:主要用于文本的渲染。和{{}}功能一样。但是{{}}在第一次页面Vue木有初始化完成时,会显示{{}}字符。故文本渲染多用v-text。

  • v-show:控制显示隐藏。不用艺v-if,使用v-show的情况下,dom是存在的。v-show通过指定CSS样式给元素添加display block或者display none进行控制。

  • v-if:控制显示隐藏。如果if不成立,则整个dom不进行渲染,即不存在。

  • v-bind:绑定属性。给一个dom元素添加属性。比如:在做图片的渲染过程中,如果图片的src地址是动态的,那么就可以利用v-bind去绑定src属性来实现src的赋值。

  • v-for:循环。主要用于表格

  • 标签,去循环一个数组。

  • v-on:事件绑定。(v-on:同等于@)

  • filter : 过滤器。格式化数据。如后台返回金额19数字。页面显示:¥19.00元。

  • component :组件。在做单页面过程中使用多些。把每一个网页做成多个组件然后拼接。起到组件复用。如页面头部底部和轮播等。
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/241666.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号