VUE个人学习记录(一)

vue是一个mvvm框架(库)和angular类似,他很好上手且小巧

vue官网https://cn.vuejs.org/

一、vue和angular的区别

  • vue简单易学;angular上手就较为难
  • vue指令是以v开头;angular是以ng开头
  • vue是一片HTML代码加上json,在new出来一个vue实例;angular所有属性和方法都挂载到$scope身上
  • vue是个人维护的项目;angular是Google维护的
  • vue适合用在移动端的项目;angular适合用在PC端的项目上(就狭隘的讲一下下)
  • 他俩,都不兼容IE8及其以下版本

二、常用指令

v-model

一般用于表单元素(input),双向的数据绑定

v-for循环

其中
  • {{value}}是循环出来的数据主题
  • {{$index}}是元素的索引顺序
value in arr这句话,value就是那些需要循环出来的元素,这里value可以随便起一个都行;arr是指我们需要循环哪个数组
其中,若是对json进行循环的话,可以使用如下的格式
v-for="(k,v) in json"然后在下面显示{{k}}和{{v}},那么他的显示效果就是这个json里的变量以及变量的内容。如图:

三、基础事件

v-on/mouseout/mouseover/dblclick/mousedown.mouseup=函数名()
显示隐藏

点击button后,div消失

四、bootstrap+vue建立简易的留言板(todolist)

NightingaleWK

曾经我是一名冒险家,直到我的膝盖中了一箭。

相关推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

VUE个人学习记录(一)
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close