简单介绍一下什么是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:{方法}
})
简单介绍一下什么是vue相关推荐
- Vue.js 内置了10个过滤器,下面简单介绍它们的功能和用法。
Vue.js 内置了10个过滤器,下面简单介绍它们 的功能和用法. ①capitalize:字符串首字符转化成大 写 ②uppercase:字符串转化成大写 ③lowercase :字符串转化成小写 ...
- 总结Vue第一天~简单介绍、基本知识、辅助函数和js数组的高阶函数
目录 vue中文官网 一.简单介绍: (1)vue.js :本质就是一个js 核心类库[跟咱使用的其他组件插件而安装他们]: ■ 安装方式: (2)小demo了解一下vue.js: (3)响应式: 二 ...
- 个人空间的编辑个人资料案例(简单介绍 仅供参考)
1.本次效果会用 Element UI Vue脚手架来完成 2.看一下本次的效果展示图: 下面这张是保存后的状态本次主要说上图的效果 3.对用到的组件进行一个简单说明 补充: 上传图片的效果在 ...
- NodeJS环境搭建以及运行Node.js项目、饿了么ui(elementui)开发模式简单介绍
一.Node.js是什么? 1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]. Node.js使用了一个事件驱动.非阻塞式I/O 的模型. 1.2 Node.j ...
- 遗传算法的简单介绍以及模式定理的简单证明
遗传算法 遗传算法(Genetic Algorithm,GA),最早是由美国的John holland在20世纪70年代提出.算法通过模拟达尔文生物进化论的自然选择以及遗传学机理的生物进化过程来搜 ...
- 2021年大数据ELK(十八):Beats 简单介绍和FileBeat工作原理
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 Beats 简单介绍和FileBeat工作原理 一.Beats 二.FileB ...
- 2021年大数据ELK(十五):Elasticsearch SQL简单介绍
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 Elasticsearch SQL简单介绍 一.SQL与Elasticsear ...
- 2021年大数据ELK(二):Elasticsearch简单介绍
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 系列历史文章 一.Elasticsearch简介 1.介绍 2.创始人 二.E ...
- iOS开发UI篇—多控制器和导航控制器简单介绍
iOS开发UI篇-多控制器和导航控制器简单介绍 一.多控制器 一个iOS的app很少只由一个控制器组成,除非这个app极其简单.当app中有多个控制器的时候,我们就需要对这些控制器进行管理 有多个vi ...
最新文章
- 有序标称变量(Categorical Features)编码为数值变量(Continuous Features​​​​​​​)详解及实践
- 看懂此文 你离赚钱就不远了
- Python编程基础:第十五节 二维列表2D Lists
- 【Python基础】Pandas数据可视化原来也这么厉害
- 数据库工作笔记009---Centos中导出mysql数据库
- 论文阅读:A Randomly Accessible Lossless Compression Scheme for Time-Series Data
- 数据库设置为php5.3,php5.3不能连接mssql数据库的解决方法,php5.3mssql_PHP教程
- read the function in so lib on ubuntu
- 惋惜!杭州互联网公司22岁女孩猝死!某大厂家属怒喷996的工作方式...
- 求偏导c语言,求偏导是什么?有什么用法?请举例说明。
- 干货|我的三年产品基本功之PRD文档攥写
- Python爬虫-selenium爬取网易云歌单
- 计算机网络-自定向下方法之应用层
- mysql删除某张表三个月前的数据
- 计算机函数说课ppt,《excel公式与函数》说课稿
- 节奏快?压力大?VR全景客栈带你体验安逸生活
- 嵌入式三级知识点分类
- [转]用Eclipse进行可视化Java界面设计
- centos无法ping通百度
- failed to register layer: Error processing tar file(exit status 1): archive/tar: invalid tar header
热门文章
- 时控开关c语言程序,德力西KG316T时控开关调整和设定时间操作方法说明
- QMdiSubWindow
- Fiddler的安装和简单使用
- C++:布尔类型(bool)详细分析
- 华为深度Linux系统使用教程,华为笔记本OEM版本Linux系统安装深度商店(deepin-appstore)的方法...
- 苹果手机测试网络速度的软件,iPhone6怎么看网速?查看苹果6 Plus网速给不给力的方法...
- openflow交换机 ryu_openflow的初步认识及RYU控制器实践
- 小型软件团队该如何分工(转)
- 一个知识付费商城系统2022年最新改良版源码
- 固态硬盘属于计算机的什么设备,怎么区分电脑里面的c\d\e盘是机械硬盘还是固态硬盘...