VUE学习总结(一)

1、简介
vue.js简单小巧(17kb),渐进式(不必一开始会所有内容,可阶段性使用)

2、MVVM(Model-View-ViewModel)

View与ViewModel之间双向绑定,vue通过MVVM拆分视图和数据

3、实例

<div id="app"></div>

<script>
var app = new Vue({
	el= "#app",  //必不可少
	....
})
</script>

4、生命周期

  • beforeCreate
  • created(实例创建后)
  • beforeMount
  • mounted(el挂载到实例后,第一个业务逻辑在这开始)
  • beforeUpdate
  • updated
  • beforeDestroy(销毁前,主要解绑一些事件)
  • destroyed

5、
如果将用户产生的内容使用v-html输出后,有可能导致XSS攻击,所以要在服务端对用户提交的内容进行处理,一般可将尖括号“<>”转义。

6、过滤器

  • 串联
    {{ message | filterA | filterB}}
  • 接收参数
    {{ message | filterA( ‘arg1’ , ‘arg2’ ) }}

过滤器应当用于处理简单的文本转换,复杂的应使用计算属性。

7、
数据驱动DOM,除非不得已,不直接操作DOM。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值