<template> <view> {{title}} </view> </template> <script> export default{ data(){ return{//生命变量 title: ‘关于‘, age:18 } } } </script> <style> </style>
<template> <view> {{title}}---{{age}} </view> </template> <script> var _self; export default{ data(){ return{//生命变量 title: ‘关于‘, age:18 } }, onLoad() { _self=this;//变量传递 setTimeout(function(){ _self.age=20; },3000); } } </script> <style> </style>
<template>
<!-- 循环遍历数组 -->
<view v-for="(item,index) in students">
{{index}}--{{item.name}}:{{item.age}}
</view>
</template>
<script>
var _self;
export default{
data(){
return{//申明数组
students:[
{name:"张三",age:18},
{name:"李四",age:20}
]
}
}
}
</script>
<style>
</style>
<template> <view> <!-- 循环遍历数组 --> <view v-if="isShow"> 显示了 </view> </view> </template> <script> var _self; export default{ data(){ return{//将isShow改成false 就不显示了 isShow: true } } } </script> <style> </style>
<template> <view> <!-- 循环遍历数组 --> <view :hidden="isShow"> 摊牌了 </view> </view> </template> <script> var _self; export default{ data(){ return{//将isShow改成false 就不隐藏了 isShow: false } } } </script> <style> </style>
if和hidden的区别
if会根据条件决定是否渲染,hidden会渲染但根据条件决定是否展示
原文:https://www.cnblogs.com/ckfuture/p/14380635.html