4. vue.js-饿了吗全套-Vuejs 介绍2

Vue 核心思想数据驱动DOM 是数据的一种自然映射Vue 中通过Directives 进行Model的改变，反馈到view 上通过DOM Listeners 进行view的改变，反馈到Model上组件化扩展HTML元素，封装可重复的代码设计原则1. 页面上每一个独立的视图/可交互区域为一个组件2. 每个组件对应一个工程目录，组件所需要的各种资源在一个目录下就

ab_xue

420人浏览 · 2017-07-31 23:39:31

ab_xue · 2017-07-31 23:39:31 发布

Vue 核心思想

数据驱动

DOM 是数据的一种自然映射

Vue 中通过Directives 进行Model的改变，反馈到view 上
     通过DOM Listeners 进行view的改变，反馈到Model上

组件化

 扩展HTML元素，封装可重复的代码
 设计原则
    1. 页面上每一个独立的视图/可交互区域为一个组件
    2. 每个组件对应一个工程目录，组件所需要的各种资源在一个目录下就近维护
    3. 页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面

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}$/, //不连续的两位字母// /^