uniapp使用的vue语法吗,uni-app和vue

　　本文主要介绍uni-app的模板语法。本文通过示例代码向您详细介绍，对您的学习或工作有一定的参考价值。有需要的朋友可以参考一下。

　　1.v-bind（简写 ：）

　　要在组件属性中使用data中定义的数据变量，或者要在组件属性中使用表达式，需要由v-bind指定。

　　缩写：

　　2.v-on（简写@）

　　监听DOM事件

　　Click.stop可以防止事件穿透。

　　3.v-model

　　数据双向绑定

　　4.v-if，v-else-if，v-else

　　条件，确定内容是否已挂载。

　　5.v-show

　　条件，确定是否显示某些内容。

　　6.三元运算符

　　7.空标签 block

　　8.v-for：列表渲染

　　模板

　　视图v-bind:class= msg v-bind:data= 1 2

　　{{msg}}世界！-{{num}}

　　按钮v-on:click= show click me/button

　　输入v-model=msg /

　　view v-if=flagvue/view

　　视图v-else H5/视图

　　查看{{flag？显示:隐藏 } }/查看

　　街区

　　文本块空标签/文本

　　/阻止

　　arr“{ index 1 } }:{ { item } }/view中的视图v-for=(item，index)

　　view @click=c1

　　父级

　　View @click.stop=c2 子视图/视图

　　/查看

　　/查看

　　/模板

　　脚本

　　导出默认值{

　　//初始化数据，

　　//data:{}，对象形式的数据不会改变，所以不建议使用。

　　data(){

　　返回{

　　Msg:hello ，//变量

　　Arr:[vue ， H5 ， CSS]，//array

　　标志：真，//布尔值

　　数字：1

　　}

　　},

　　onLoad(){

　　setTimeout(()={

　　this.num

　　},2000)

　　},

　　方法：{

　　show(){

　　console . log(“clicked”)；

　　this.flag=！this.falg

　　},

　　c1(){

　　Console.log(我是家长)；

　　},

　　c2(){

　　Console.log(我是孩子)；

　　}

　　}

　　}

　　/脚本

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。