前端复习笔记——vue篇

vue基本使用:

1、引入vue.js 2、创建vue实例 3、指定el配置项,指定控制dom区域 4、创建vue控制的dom区域

vue六种指令:

1、内容渲染 { {}} v-html  数据/js表达式 动态渲染到DOM

2、属性绑定 v-bind  :   元素属性动态绑定属性值

3、事件绑定 v-on:  @  dom元素绑定事件  methods中声明事件处理函数 ()传参 

事件修饰符:.prevent .stop

4、条件渲染 v-if 动态添加元素  v-else v-eles-if

v-show  style=“disply:none”

5、列表渲染 v-for key: 字符串/数字  循环渲染列表结构 二参为索引

6、双向绑定 v-model .trim .number .lazy

MVVM:

M ->date V->dom区域 VM->vue实例

过滤器:一般使用计算属性方法代替

定义  vue.filter('过滤器名称',fn) fn:(要转换格式的数据)=>{return 转换格式的结果}

使用  { {转换格式的数据|过滤器的名子}}  v-bind

侦听器:针对数据变化做特定的操作 一进页面就调用一次immediate 对象中属性值发生变化deep 监听单个对象属性变化 ‘user.age’(){}

计算属性:声明是方法 使用是数据

 vue-cli :基于webpack创建工程化vue项目 index.html  main.js  App.vue

vue组件:重用

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值