vue.js基础

本文主要介绍前端框架Vue的相关知识,包括第一个程序输出“hello word”,阐述了el、data等属性,介绍split用法、指令语法、阻止事件冒泡和默认事件等操作,还提及条件渲染指令、遍历数组和对象,以及computed、watch、filters等属性。

   前端框架:vue,react,angular

 vue第一个程序(输出hello word)

el,data都是vue属性

  

split用法:

    

定义函数

    

Vue指令语法,绑定标签属性

 on  指令命令

  

 

vue阻止事件冒泡

 

vue阻止默认事件,通过事件修饰符.prevent执行,a标签将不再跳转。

 

vue监控按键

vue双向数据绑定

 

v-html:输出标签

    

条件渲染指令v-

v-if:  当满足一个条件时,vue将其他条件所在节点从dom树上删除

 

v-show  作用原理:添加属性display=none不直接删除标签

 

v-cloak  防止因加载vue.js库时间太长或网络阻塞而导致乱码

vue对象在5秒之后创建,使用v-cloak事件,当所有库加载完毕之后,v-cloak属性自动消失。信息则显示

 

 

v-for遍历数组

v-for遍历对象

 

vue中的computed属性

 

 

vue中watch监听属性

 

 filters属性

 

 

转载于:https://www.cnblogs.com/2016-zck/p/9505320.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值