简单介绍一下什么是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:{
		方法
	}
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值