手记

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:循环。主要用于表格<li> 标签,去循环一个数组。

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

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

  • component :组件。在做单页面过程中使用多些。把每一个网页做成多个组件然后拼接。起到组件复用。如页面头部底部和轮播等。
2人推荐
随时随地看视频
慕课网APP