4 微信小程序基础使用篇2

微信小程序中没有dom结构，所以操作dom元素从而改变样式，进行逻辑操作也无从谈起，小程序巧妙使用的“数据绑定”/数据驱动，这种思想也是我们学习微信小程序的原因； ->所谓dom结构，即html元素,小程序中使用的wxml,wxss.wxs,js;

1、数据渲染 -> 双大括号插值语法 -> 标签内容，属性值中都可使用，{{}}中也可进行基本操作；

{{message}}

;//属性值中使用必须加引号(补充：vue中不能识别，其必须使用v-bind绑定属性)

{{a + b}} + {{c}} + d;//简单运算

;//三目运算

;//逻辑判断

{{ "hello" + name}};//字符串运算

数据路径运算：

2、条件渲染： 

(1).wx:if=“{{}}”, wx:elif="{{}}", wx:else;//条件渲染的基础使用；标签其不是组件，也没有实际意义，最终也不会渲染到页面上，其可将多个组件进行包裹，节省代码的书写，提高开发效率；(补充：vue中使用的是