>### 1.mvvm的概念:
~~~
MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开
~~~
>### 2.mvvm实现代码:
~~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></script>
</head>
<body>
<div id="app">
<p @click="handleClick">{{msg}}</p>
</div>
<script>
new Vue({
el:"#app",
data:{
msg:"hello world"
},
methods:{
handleClick(){
this.msg="change"
}
}
})
~~~
- html-css
- 第一节 外部样式表
- 第二节 元素选择器
- 第三章 盒子模型
- 第四章 html标签的分类
- 第五章 css选择器
- 第六章 权重
- 第七章 css基本样式
- 第一节 背景
- 第二节 文本
- 第三节 字体
- 第四节 链接
- 第五节 列表(针对ul)
- 第六节 边框
- 第七节 简单表格
- 第八节 nvvm
- 第九节 跨越列的表格
- 第十节 跨越行的表格
- 第十一节 有间隔的表格
- 第十二节 opacity透明度
- 第八章 css样式的继承
- 进阶教程
- 1.flex教程
- flex补充1
- flex补充2
- 2.grid布局
- css
- 第一节 box-sizing
- 第二节 float
- 第三节 position
- 第四节 导航栏
- iconfont的使用
- 第五节 搜索功能的实现
