<div class="inner-2">Some text 2</div>
<product :key="product.id"
v-for="product in $parent.products"
v-model="product">
</product>
<template>
<div class="product" data-product-id="value.id" @click="onChecked" >
<!-- product template -->
</div>
</template>
<style>
.product { /** some thing **/ }
</style>
<script>
export default {
name: 'product',
props: ['value'],
methods: {
onChecked() {
this.$emit('input', this.value.id);
}
}
}
</script>
<router-link tag="li" :to="{ name: 'user', params: { id: user.id } }" :class="$style.dropdown__item">
const router = new VueRouter({
mode: 'history',
linkActiveClass: '_active',
routes: [
{ path: '/users/:id', component: require('./components/Profile.vue'), name: 'user' }
]
});
router.beforeEach((to, from, next) => {
if (from.matched.some(record => record.meta.hasMultimedia)) {
stopAllPlayings();
next();
} else next();
});
const routes = [
{
path: '/funnyCatsVideos',
component: require('./views/funny-cats-videos.vue'),
name: 'videos',
meta: { hasMultimedia: true }
},
regions: {
{
id: 111,
name: 'ЦФО'
},
{
id: 222,
name: 'Юг'
}
},
sales_point: {
{
id: 5555,
name: 'ИП Иванов',
region: 111
},
{
id: 6666,
name: 'ИП Сидоров',
region: 222
},
{
id: 7777,
name: 'ООО Рога',
region: 222
}
}
db: {
users: {
id: 111,
name: 'Rostislav',
room: 8888,
},
rooms: {
id: 8888,
messages: [...],
owner: 111,
public: true
}
}
Так как запрос к базе посылается прямо от клиента, пользователь может спокойно изменить условие запроса и посмотреть не свои, а чужие таски? Как я понимаю эта система получается бессмысленна и тут явно нужен бекенд?
{
"rules": {
"tasks": {
"$user_id": {
// читать может только сам пользователь
".read": "$user_id === auth.uid",
// писать могут все аутентифицированные и только создавать новые
".write": "auth !== null && !data.exists()"
}
}
}
}