浅谈VUE|浅谈VUE uni-app 模板语法
1.v-bind(简写 :)
组件属性中要使用data中定义的数据变量,或组件属性要使用表达式,需用v-bind指定
简写 :
2.v-on(简写@)
监听DOM事件
click.stop 可以阻止事件穿透
【浅谈VUE|浅谈VUE uni-app 模板语法】3.v-model
数据双向绑定
4.v-if,v-else-if,v-else
条件判断,决定某个内容是否挂载
5.v-show
条件判断,决定某个内容是否显示
6.三元运算符
7.空标签 block
8.v-for:列表渲染
{{msg}} world!-{{num}} vue H5 {{flag ? '显示':'隐藏'}} block 空标签 {{index+1}}:{{item}} 父级 子级
总结 本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- 性能测试中QPS和TPS的区别
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX(Vuex|VueX(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show