利用Vue基础部分实现增删改查的页面

有关VueVue是一个最近很火的前端框架，这篇文章是在我看了Vue除了组件部分之外的基础部分之后，参考了一篇知乎专栏的练习写的一个练手demo，结合了Boostrap和localStorage。而以后这个demo其实还可以延伸开来，引申出更深的用法。代码

noobFrontEnd

5253人浏览 · 2017-11-07 16:04:09

noobFrontEnd · 2017-11-07 16:04:09 发布

Vue是一个最近很火的前端框架，这篇文章是在我看了Vue除了组件部分之外的基础部分文档之后，参考了一篇知乎专栏的练习写的一个练手demo，结合了Boostrap和localStorage。这个demo其实还可以延伸开来，引申出更深的用法，不过那就是之后的文章可能涉及到的内容了。

在线演示如下https://jsbin.com/busipir/edit?js,output，由于使用了localStorage，所以第一次运行后需要注释一些代码才可以保证功能的正常

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^