简单介绍一下什么是vue
1、 vue是什么vue是一个渐进式的js框架2、什么是渐进式框架对项目参与的少 (在项目中可以使用其他的框架或者类库)3、MVC和MVVMmvc是一个后台的软件设计模式,将程序分为三部分m(model 模型)V(view 视图)C(controller控制器)模型:model操作和数据库相关的逻辑view :和前端相关的所有界面controll:控制器来协调什么时候显示view 什么时候调用mo
·
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:{
方法
}
})
更多推荐
已为社区贡献1条内容
所有评论(0)