Vue
vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
开发环境 针对于 开发者 development
生产环境 针对于 客户 production
Freamwork Vue React Angular
Vue===> view(发音) 侧重视图层
Vue 通过实例化 Vue 这个构造函数 实现 vue 框架的所有功能
vm 得到的实例化对象
el 属性 document.querySelector(el); 说明Vue的作用范围
会将app 里面所有的 DOM 渲染 成 虚拟DOM(?) 存储在 内存中
data Vue 需要初始化的数据 最常见的属性 {{ }} 最普遍的模板标记标签 双大括号语法 插值表达式
核心功能 允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统
声明式 直接在 html 书写 a
编程式 直接在 javascript 书写 location.href
响应式 reaction 数据被修改之后 页面里面随之跟着里面更新 (vue提供自动响应式系统)
强大的指令功能 v- 代替你进行DOM 操作 v-bind 绑定vue标签 或者 组件的 属性 attribute v-bind:src v-bind:title
静态属性 永远不改变 不是变量
动态属性 接收是变量 (v-bind) 70%
v-if/v-show 条件渲染 控制显示隐藏 90% v-on 绑定事件 v-on:click v-on:change v-on:keydown 100%
v-for 循环 循环对象 或数组 90%
v-model 只能绑定在输入框 实现数据双向绑定 (view 视图 + model 数据模型) 90%
当你修改 页面的时候 v-model 自动去更新数据层
当你修改 数据的时候 v-model 自动去更新视图层
v-text
v-html
methods vue 属性 接收方法
组件化 组件系统是 Vue 的另一个重要概念 允许我们使用小型、独立和通常可复用的组件构建大型应用
vue.js
最新推荐文章于 2024-10-12 10:41:56 发布