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:{
		方法
	}
})
Logo

前往低代码交流专区

更多推荐