Integração de VueJs com Nuxt em um projeto PHP Puro
Bom dia,
Eu to com uma demanda onde tenho um sistema montando completamente em php puro, e tem uma pagina inicial index.php. Preciso alterar essa pagina inicial para um template escolhido pelo cliente que e montando usando o VueJs com nuxt. Estou tendo problemas para isso. O sistema esta no CPanel, e com softaculous instalei o Vuejs. Porem quando tento importar os components para o index.php, eles nao sao renderizados. Parece que eles nao estao sendo reconhecidos.
Eu to com uma demanda onde tenho um sistema montando completamente em php puro, e tem uma pagina inicial index.php. Preciso alterar essa pagina inicial para um template escolhido pelo cliente que e montando usando o VueJs com nuxt. Estou tendo problemas para isso. O sistema esta no CPanel, e com softaculous instalei o Vuejs. Porem quando tento importar os components para o index.php, eles nao sao renderizados. Parece que eles nao estao sendo reconhecidos.
Lucas Correa
Curtidas 0
Respostas
Mikhael
14/02/2024
Bom dia,
Eu to com uma demanda onde tenho um sistema montando completamente em php puro, e tem uma pagina inicial index.php. Preciso alterar essa pagina inicial para um template escolhido pelo cliente que e montando usando o VueJs com nuxt. Estou tendo problemas para isso. O sistema esta no CPanel, e com softaculous instalei o Vuejs. Porem quando tento importar os components para o index.php, eles nao sao renderizados. Parece que eles nao estao sendo reconhecidos.
Olá Lucas, pelo que entendi para resolver o problema : Eu to com uma demanda onde tenho um sistema montando completamente em php puro, e tem uma pagina inicial index.php. Preciso alterar essa pagina inicial para um template escolhido pelo cliente que e montando usando o VueJs com nuxt. Estou tendo problemas para isso. O sistema esta no CPanel, e com softaculous instalei o Vuejs. Porem quando tento importar os components para o index.php, eles nao sao renderizados. Parece que eles nao estao sendo reconhecidos.
// nuxt.config.js
module.exports = {
// ...
build: {
extend(config, ctx) {
// ...
}
}
}
Em seguida verifique isso:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Importe as dependências do Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<!-- Importe os scripts gerados pelo Nuxt.js -->
<script src="/_nuxt/runtime.js" defer></script>
<script src="/_nuxt/common.js" defer></script>
<script src="/_nuxt/vendors.js" defer></script>
<script src="/_nuxt/app.js" defer></script>
</head>
<body>
<!-- Seu conteúdo PHP existente aqui -->
<!-- Monte o componente Vue.js onde desejar -->
<div id="app"></div>
<script>
// Seu código Vue.js aqui
</script>
</body>
</html>
GOSTEI 0