vue.js基础指令

vue.js基础指令

1.Vue 扩展插件
vue-cli: vue 脚手架
vue-resource(axios): ajax 请求
vue-router: 路由
vuex: 状态管理
vue-lazyload: 图片懒加载
vue-scroller: 页面滑动相关
element-ui: 基于 vue 的 UI 组件库(PC 端)

常用内置指令

常用内置指令示例图
v-bind : 强制绑定解析表达式, 可以省略 v-bind
v-model : 双向数据绑定
ref : 指定唯一标识, vue 对象通过$els 属性访问这个元素对象
v-cloak : 防止闪现, 与 css 配合: [v-cloak] { display: none } 斗篷
el-form :inline:代表让表单在一行显示
：model:单项绑定
：data=list :current-page:等同于v-bind单向绑定，代表遍历取出list集合中的数据
1、插值表达式
v-once:该指令后面不需要跟任何表达式，且只会渲染一次，不会随着数据的改变而改变
v-pre:用于直接显示想要的元素