app怎么嵌套vue页面_PHP抖音点赞APP【开发】HTML5

点赞源码span：点赞APP 开发 后端 前端 PHP HTML5

#pragma mark---------------点赞计算--------------------------

1 // 查找点赞个数

2 BmobQuery *query = [BmobQuery queryWithClassName:@"dian_zan"];

点击关注、点赞、评论按钮，10字以上评论两张截图保存；

3 // 查找该账号的所有点赞数据（并且全部是YES的数据）

完成套餐任务要求，并上传截图提交证明；

4 [query whereKey:@"newsID" equalTo:data.objectId];

5 [query whereKey:@"dianzan" equalTo:@(YES)];

6 [query findObjectsInBackgroundWithBlock:^(NSArray *array, NSError *error) {

7 // 可变数组zan

8 [zan addObject:@(array.count)];

我们在博文文章页加一个点赞的span

<span οnclick="addUp()">点赞<i>(0)</i></span>

//正常来说 没登录应该不让点赞

//还有 已经点赞过的不允许点赞

我们添加一个API的控制器

<script type="text/javascript">

function addUp(id)

{

$.post("/api/up", {id:id},

function(data){

if(data.status)

{

}

else {

alert("点赞失败");

}

}, "json");

}

</script>

Vue Router 嵌套路由

接下来，<el-main>肯定是所有其它页面的展示区域，这里涉及到一个知识点：Vue 嵌套路由。

举例：当前我们的路由是localhost:8080，打开的是layout.vue文件，如果路由改成localhost:8080/main，需要打开main.vue的内容，如果路由改成localhost:8080/user，需要打开user.vue的内容...怎么实现这个功能了？

Vue 嵌套路由来帮我们解决这个问题！

我们先在page目录下面新建2个文件main.vue、user.vue。