mvc和mvvm的区别
前者是后台的概念,后者是前端的概念
也就是说前者是整个项目,后者是整个项目中的view
Vue基本代码的结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/vue.js"></script>
</head>
<body>
<script>
var vm=new Vue({
el:'',
data:{
},
})
</script>
</body>
</html>
一些指令
- 插值表达式,
- v-cloak
- v-html,可以解析字符串中的html代码
- v-bind,可以进行标签中的属性的值的绑定:
- v-on,可以作为事件触发@
- v-model,双向数据的绑定
- v-for,循环遍历
- v-if,判断
- v-show,显示:display:none
事件修饰符
- .stop,阻止冒泡
- .prevent,阻止默认行为
- .capture,捕获
- .self,自己执行
- .once,只执行一次
Vue对象属性
- el,表示控制的区域
- data,控制区域内的数据
- methods,控制区域内的方法,可以自定义一些方法
this
在vm实例中如果需要访问data的数据或者methods的方法,前面必须要带this
v-for
要会使用key属性,只接受string和number
v-model
只能应用于表单元素
绑定样式
v-bind:class,可以直接获取所有的样式,
v-bind:style,可以写行内样式
定时器
开启var IntervalId=setInterval(function(){},时间)
关闭clearInterval(IntervalId)
知识点
其实对于vue来说,只用vue就可以实现单页面的应用程序的开发,所以可以做到前后端分离,使用ssm获取数据,然后进行所有的数据处理都放在前段来操作,然后页面之间的信息传递可以使用ssm来做到
网友评论