小程序其实和现在的前端三大框架真的是非常像
我们在生成组件或page目录时会产生一个js文件 其中的data变量就可以和页面作一个数据绑定
我们可以在data中定义值
data: {
name:"你好"
},
然后我们回到页面用插值表达式将name打印在页面上
<view>{{name}}</view>
然后我们就会发现 你好两个字被输出在了页面上
插值表达式可以作简单的三元表达式判断 也许这并不足以实现出v-if和v-show的效果,因为插值表达式内是不能写标签的
但我们可以用三元表达式来控制元素的隐藏样式啊
data: {
Liek:false,
name:"你好"
}
比如我希望Liek为假时元素不展示 我们可以这样写
<view style = "{{Liek?'display:flex':'display:none'}}">{{name}}</view>
这样我们就实现了简单的v-show的效果 因为这也是通过display控制元素隐藏和展示 所以算实现了v-show而不是v-if