1、当展示的数据是三层的数据时,首先需要判断第二层数据存在否则报错,
例如:
<div v-if="shop.info">
<div>{{shop.info.name}}</div>
</div>
2、vue 二级路由默认路径可不写
例如
{
path:‘/shop’,
component:Shop,
children:[
{
path: " ",
redirect:ShopGoods
}
]
}
3、router-link 选中样式2种展示:
3-1
在样式中:
.active{color:red}
3-2:
在样式中:
4、父组件调用子组件的方法
父组件中:
子组件中:
5、 多个input框if-else切换展示时,因为虚拟Dom的原因输入的值一直存在,若要清除上次输入的值,给input绑定一个Key值就好,
6、对象遍历
7、vue.set() vue.delete()