Skip to content

Latest commit

 

History

History
executable file
·
90 lines (33 loc) · 3.1 KB

vue.md

File metadata and controls

executable file
·
90 lines (33 loc) · 3.1 KB
Raw

vue 起步

!>Vue.js（/vjuː/，或简称为Vue）是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架[4]。 2016年一项针对JavaScript的调查表明，Vue有着89%的开发者满意度。[5] 在GitHub上，该项目平均每天能收获95颗星，[5][6]为Github有史以来星标数第3多的项目。[7]

vue 移动端hybird 框架 混合app框架

安卓+ iOS 跨平台的套壳程序

vue ： 适合中小型APP开发 react/angularJS：适合大型APP开发

SPA:single page application ( 单页应用程序 )

  • 渐进式
    • 渐进增强 （向上兼容）
    • 优雅降级 （向下兼容）
  • mvc设计理念
    • m model 模型（数据层）
    • v view试图 （模板）
    • **c ** controller 控制层（业务层）

实际开发中，如果使用了vue之后，尽可能不操作dom，不使用jq js等。

vue指令

操作指定元素

用法：放置在元素内部做属性

名字 作用
v-test="dataname" 等价于innerText
v-html="elname" 将原来的节点替换为声明的节点
v-show="true" 改掉元素的display
v-if="true" 跟v-show一样的功能 但是会删掉节点//remove()
v-else 跟v-if组成逻辑
v-else-if 跟v-if组成逻辑
v-for="(v,k) in arr" 循环遍历指令 值：{{ v }} 键：{{ k }}
v-onor@ 绑定事件v-on:事件名="函数名" or @click="函数名"
v-bind:属性 or : 动态绑定一个或多个属性
v-model:"msg"or# 双向数据绑定 只能给表单元素 指向value值
v-pre 忽略解析 原样输出
v-cloak 解决数据被解析之前的闪烁问题
v-once 只渲染一次