vue基础知识

1.1Vue扩展插件

vue-cli:vue脚手架

vue-resource(axios):ajax请求

vue-router:路由

vuex:状态管理

vue-lazyload:图片懒加载

vue-scroller:页面滑动相关

mint-ui:基于vue的UI组件库(移动端)

element-ui:基于vue的UI组件库(PC端)

1.2vue步骤

  1.引入vue.js

  2.创建vue对象

    el：指定根element(选择器)

    data：初始化数据（页面可以访问）

  3.双向数据绑定：v-model

  4.显示数据{{xxx}}

  5.理解vue的mvvm实现

1.3 MVVM含义

model：模型，数据对象（data）

view：视图，模板页面

viewmodel：视图模型（Vue的实例）

1.4 常用内置指令

v:text:：更新元素的textContent

v-html：更新元素的innerHTML

v-if：如果为true，当前标签才会输出到页面

v-else：如果为true，当前标签才会输出到页面

v-show：通过控制display样式来控制显示/隐藏

v-for：遍历数组/对象

v-on：绑定事件监听，一般简写为@

v-bind：强制绑定解析式，可以省略v-bind

v-model：双向数据绑定

ref：为某个元素注册一个唯一标识，vue对象通过$els属性访问这个元素对象

v-cloak：使用它防止闪现表达式，与css配合，[v-cloak]{display：none}