2019-10-24(入门helloworld+计算属性/监视+class与style绑定+条件+列表渲染)
Vue
一个javascript库,框架,是渐进式的(需要什么加什么,React也是渐进式)
作用:构建前端页面(主要强调页面View),可以引入插件
三大框架时间:angular---React(大型公司)---Vue(中小型)
MVVM模式
model:模型,数据对象(data)
view:视图,模板页面
viewModel:视图模型(Vue实例):DOM监听+数据绑定
Vue扩展插件
vue-cli:脚手架;vue-resource(axios):ajax:请求;vue-router:路由;vuex:状态管理;vue-lazyload:图片懒加载;vue-scroller:页面滑动相关;mint-ui:基于vue的UI组件库(移动端);element-ui:基于vue的UI组件库(PC端)
安装Vue-devTools
入门的HelloWorld
html文件:
?
?
输入的内容是:{{username}}
?
?
计算属性(缓存)和监视
?
?
姓:
名:
姓名:
姓名:
?
?
class与style绑定
?
.aClass{
color: blueviolet;
}
.bClass{
color: blue;
}
.cClass{
font-size: 30px;
}
?
字体
字体
字体
字体
?
wym
?
?
条件
?
?
success
false
成功
失败
?
?
列表渲染
?
?
- {{index}}---{{p.name}}---{{p.age}}
---
---
?
?
【2019-10-24(入门helloworld+计算属性/监视+class与style绑定+条件+列表渲染)】
推荐阅读
- 2019-10-24工作感悟
- typeScript入门基础介绍
- Android|Android sqlite3数据库入门系列
- Android下的IO库-Okio源码解析(一)|Android下的IO库-Okio源码解析(一) 入门
- 深度学习-入门
- 第三章|第三章 进校园重拾旧梦 登讲台初为人师第一节 接乱班面临考验 ,遇高师指点入门
- iOS开发技术之美—iOS入门技术的基础学习
- OpenCV|OpenCV-Python实战(18)——深度学习简介与入门示例
- 【入门】Python网络爬虫与信息提取1
- 垂直农场101-室内农业入门知识