主业iOS/PHP,副业啥都玩,QQ:705719110,欢迎来撩!

Vue 2.0 初探(一)

JS学习 随风 161℃ 0评论

要搞一些前端,选择了当下比较火的js框架vue js,现学现卖,看个例子

作用范围定在id为app的div中,声明message的值,在html中可以用 {{ }} 的形式进行输出,下面的输入框使用 v-model与message进行绑定,也就是一个变另一个跟着变,我这里样式用的Bootstrap,哈哈~

再来个事件的,显示列表,向列表中添加删除元素~

使用 v-for 将 todos 这个数组中的元素循环出来,使用 v-on:submit.prevent 截断form表单的提交,并将表单提交给自己的方法进行处理,而button的 v-on:click 方法是将点击事件用自己的方法处理,这里就完成一个小功能了~

转载请注明:怼码人生 » Vue 2.0 初探(一)

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址