初识VUE---新手学习中

初识VUE

mvvm设计思想

1. 渐进式框架

   • 声明式渲染——组件系统——客户端路由——集中式状态管理——项目构建

2. 差值表达式闪动问题

   

   数据的响应式

3. 数据绑定指令

   • v-text 填充纯文本

     • 不存在闪动问题相对用户体验更好

   • v-html 填充html片段

     • 存在安全问题
     • 本网站内部数据可以使用，来自第三方的数据不可以用
       

   • v-pre 展示原始信息，跳过编译过程

   • v-once 只编译一次，显示内容后不再具有响应式功能，不需要持续监听数据变化，提高性能

   • v-model 双向数据绑定(主要体现在表单输入域中)

     • v-model的组成

     • <input type="text" v-model='msg'/>
       

   • v-on 事件绑定

     • <input type="text" v-on:click='num++'/>
       

     • 简写

     • <input type="text" @click='num++'/>
       

     • 事件函数的调用方式

       -

   • 事件修饰符

   • 按键修饰符

   • 自定义按键修饰符

   • 动态处理属性

   • class样式处理

     • 对象语法改变true或false
     • 数组语法直接改变值
     • 样式绑定相关语法细节

   • style样式处理

   • 分支结构
     

   • 循环结构

   • v-if与v-for结合使用，只渲染满足if条件的数据