Question

我是Quasar框架的新手。有人可以解释如何使用类星体组件吗？

@Override
public int getItemCount() {
    return (null != users ? users.size() : 0);
}

Answer 1

您有关于类星体项目here

结构的信息

如您所见，您需要的所有组件都保存在templates文件夹中。

router.js将根据您的需要而定。我建议您在vue-router上查看这个非常完整的tutorial，并向您说明一些事情。

例如，我的router.js的内容如下：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

function load (component) {
  return () => System.import(`components/${component}.vue`)
}

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: load('Index')
    }, // Default
    {
      path: '/login',
      component: load('Login')
    },
    {
      path: '/home',
      component: load('Home'),
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '/settings',
      component: load('Settings')
    },
    {
      path: '/session',
      component: load('Session'),
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '/node/:id',
      component: load('Node'),
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '/admin/:action',
      component: load('Admin'),
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '/template/:id',
      component: load('Template'),
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '/output/:id',
      component: load('Output'),
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '/form/:id',
      component: load('Form'),
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '/file/:id',
      component: load('File'),
      meta: {
        requiresAuth: true
      }
    },
    {
      path: '*',
      component: load('Error404')
    }
  ]
})

export default router

然后在component.vue我导航到另一条路线：

HTML 内部<template>

<button v-if="session !== null" @click="goPath('/home')"><i>home</i></button>

模型在methods内我有以下功能：

goPath (url) {
      this.$router.push(url)
    }

正如我所说，你将有其他需求，我不认为这个例子适用，但是给你一个想法。

有人可以解释如何使用类星体组件吗？

1 个答案: