получить данные craftcms в vue компонент - PullRequest
Новая
       16

получить данные craftcms в vue компонент

0 голосов
/ 24 апреля 2020

Я хочу извлечь данные из крафта cms в vue компонент. Я создаю vue компонент, подобный этому: 

{% set entry = craft.entries.section('homepage').first() %}
<template>
  <h1>{{entry}}</h1>
</template>

, когда я запускаю приложение, оно не показывает значение ввода, но я создал файл title.twig, как это, и он работает: 

{% set entry = craft.entries.section('homepage').first() %}

<h1>{{ entry }}</h1>

В проекте vue я добавил эту строку Vue.config.delimiters = ["${", "}"]; в основной файл. js и добавил index.twig файл в templates/, например: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>Test</title>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700&display=swap" rel="stylesheet">
  </head>
  <body>
    <div id="app"></div>
    <script src="dist/build.js"></script>
  </body>
</html>

как получить данные непосредственно в vue компоненте? Спасибо!

...