VUE常见的语法
2024-09-01 19:29:13
模版渲染{{msg}}
v-html=""
v-text=""
v-bind:id="" 类似 attr
三元判断 {{ok?'yes':'no'}}
指令:v-if=""
过滤器:
{{message|capitalize}} => v-bind:id="rowId | formId"
style和css:
(1)对象语法:v-bind:class="{key:value,key:value}"
(2)数组语法:v-bind="[classA,classB]"
(3)内联语法:v-bind:style="{font:fontSize+'px'}"
条件渲染:
v-if v-else v-else-if v-show v-cloak(刷新太慢,可以同步隐藏)
事件处理器:
v-on:click
v-on:click.stop 阻止冒泡
v-on:click.stop.prevent 阻止默认事件,比如阻止a跳转,阻止submit提交
v-on:click.self 本身,子元素没有作用
v-on:click.once 只执行一次
v-on:keyup.enter/tab/delete/esc/space/up/down/left/right
组建:
(1)全局组建和局部组建(数据单项流动):父元素通过prop传递,子元素通过$.emit触发父元素
(2)父子通讯-数据组建
(3)slot 插槽
路由:
动态路由匹配
嵌套路由
编程式路由
命名路由和命名视图
vue-router
<router-link></router-link> =>this.$router.push(spath:" ")
<router-view></router-view>
最新文章
- React Native环境搭建以及几个基础控件的使用
- .NET/ASP.NET Routing路由(深入解析路由系统架构原理)
- 在MAC OS X上如何启用crontab?
- Unity3D研究院之获取摄像机的视口区域
- JAVA 一个特殊的类 Object
- Hadoop发行版本介绍
- C# ERP开发框架
- javascript-ajax学习
- Javaweb 第15天 web练习和分页技术
- 小程序之带参数跳转到tab页
- pyinstall实现不显示控制窗口
- 【第一部分】10Leetcode刷题
- android SDK SDK Manager.exe 无法打开,一闪而过最终解决办法
- PAT A1117 Eddington Number (25 分)——数学题
- Centos系统下Docker的安装
- QT_QSlider的总结
- 为什么java代码中要避免多层深度for循环嵌套
- Win10 专业版激活!
- 虚拟机VMware下CentOS6.5安装教程图文详解(VMnet8)
- 9.1docker容器 跨主机连接
热门文章
- Codeforces Round #624 (Div. 3)(题解)
- $.ajax方法提交数组参数
- POJ 3233:Matrix Power Series 矩阵快速幂 乘积
- wpf和winform的区别
- C++面试常见问题——12虚函数
- 0104 gradle入门
- DevOps - 生命周期
- 史上最全的mysql聚合函数总结(与分组一起使用)
- LeetCode874 模拟行走机器人(简单模拟—Java之HashSet简单应用)
- bzoj 2281: [Sdoi2011]黑白棋