vue.js初步认识

1.vue.js 页面的结构分为三部分:

第一部分:
<template>
    这里写一些html
</template>

第二部分:
<script>
    业务逻辑,前后台数据的交互
</script>

第三部分:
<style>
    我们自定义的一些css样式
</style>

1.页面跳转(带参数)

页面跳转如果带参数的话,可以用
v-bind:to="{name: 'BookingItems',params:{gsid:shop.gsid}}"
这样跳
name就是需要跳转的页面,params就是跳转页面时需要带的参数,通常我们带id,在下个页面获取到这个id可以
直接通过这个id查询出来我们所需要的数据.
或者 在方法中:
this.$router.push({name: 'BookingMasseur', params: {gsid: this.seledGsid}});
这样跳
还是一样,name就是需要跳转的页面,params就是跳转页面时需要带的参数.

2.点击事件

点击事件还是我们熟悉的@click="seledShop".点击这个div所在的按钮,就会触发seledShop这个方法.

循环获取到数据,就是v-for="sp in shops" 通过sp来获取,这个类似于AngularJS,{{sp.shopName}}这也在页面
就可以获取到数据,