简单介绍一下什么是vue
1、 vue是什么 vue是一个渐进式的js框架
2、什么是渐进式框架 对项目参与的少 (在项目中可以使用其他的框架或者类库)
3、MVC和MVVM mvc是一个后台的软件设计模式,将程序分为三部分 m(model 模型) V(view 视图) C(controller 控制器)
模型:model 操作和数据库相关的逻辑 view :和前端相关的所有界面 controll:控制器来协调什么时候显示view 什么时候调用model
mvvm:将mvc中view又细分为MVVM M model 数据 自己定义的数据或者请求的接口数据 v 单纯的html vm 操作html和数据的逻辑
4、vue的特点 指令 组件 单项数据流 路由
5、vue的使用 1、单页面应用 script标签中引入
2、工程化 脚手架 vue-cli
6、vue对象的创建 var vm=new Vue({ el:“”, data:{ } })
7、vue的模板语法 1、变量的输出 插值表达式 { {变量}} 在差值表达式中可以写简单的逻辑
2、指令:vue提供的作用在html标签上特殊属性 以v-开头 可以解析变量
8、常用的vue的指令 1、v-text 标签上的文本输出 2、v-html 可以解析html标签的文本输出 3、v-for 循环遍历数组或者对象的输出
语法: v-for="(item,key) in 数组或者对象" 4、v-on 绑定事件 v-on:事件名=“方法名” 可以简写维 @事件名=“方法名” 5、v-model 实现的是表单元素的数据双向绑定 6、v-if 根据条件显示或者删除元素和组件 7、v-show 根据条件显示或者隐藏元素和组件 8、v-bind 给元素绑定属性 title="sdsd" v-bind:属性名=“变量” 简写 :属性名="值" 9、v-cloak 解决差值表达式闪烁问题 用法: 给标签添加此指令,然后给这个指令设置样式 var vm=new Vue({ el:"", data:{ }, methods:{ 方法 } })
上一篇:
IDEA上Java项目控制台中文乱码