uni-app开发（二）：基础组件及样式

!!!
框架

一、底部导航tabBar

二、view和text组件

view
text

!!!
使用Vue.js注意事项

生命周期
data属性

三、CSS3选择器

类选择器：
ID选择器：
奇偶选择器：

nth-of-type
first-of-type/last-of-type
nth-child

四、flex布局

display：flex
flex-direction:
justyfy-content:
align-items:
flex-shrink:设置是否被压缩

五、数据渲染

.name>view

六、Class与Style绑定

：class
style==>color/font-size/

七、条件渲染

v-if:
v-show:
@tap

框架简介下 官方推荐：template-view

v-else-if

八、列表渲染

循环一维数组
循环二维数组
循环对象
v-for

框架简介下官方建议用block-view

九、事件处理器

@tap:手机上的点击事件建议用此关键字
@click

冒泡事件的解决

以上代码执行时，当点击里面的框框会打印–》点击了里面 + 点击了外面，这就是典型的冒泡事件，要解决此问题只需要将对应的@tap改成@tap.stop即可。

十、监听属性——watch

十一、计算属性 computed