我已经安装了我的WordPress网站的主题文件夹内的Vite。有没有办法让我在wordpress中运行默认的vue前端？
我需要在主题文件夹中进行哪些自定义？
我应该做什么添加或删除？
我遇到过一些教程，但大多数是过时的或不相关的。
这是我的enqueue脚本：
<?php
function enqueue_vue_assets() {
wp_enqueue_script( 'vue-app', get_template_directory_uri() . 'http://wordpress2.v3dev.komodefi.com/wp-content/themes/example/dist/assets/index-ec461b82.js', array(), '1.0', true );
wp_enqueue_style( 'vue-app', get_template_directory_uri() . 'http://wordpress2.v3dev.komodefi.com/wp-content/themes/example/dist/assets/index-fc5f319f.css', array(), '1.0' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_vue_assets' );
?>这是我的函数. php
<?php
/**
* Vue Twenty Seventeen Child Theme Functions and Definitions.
* Requires Twenty Seventeen and only works in WordPress 4.7 or later.
*
* @package WordPress
*/
// includes for the callbacks.
include_once( get_stylesheet_directory() . '/enqueue-scripts.php' );
/* hooks and filters */
?>以下是我的main.js
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
createApp(App).mount('#vue-app')
1条答案
按热度按时间6jygbczu1#
所以我只在一个WordPress站点上运行过react，要么作为ReactPress WordPress插件的一部分，要么作为一种无头安装。虽然，我有一个wordpress安装在一个子域上，所有页面都重定向到该域，只暴露登录名，以便我可以访问管理 Jmeter 板。我的react前端运行在域名上，我只是利用wordpress API来获取数据。
不管怎样，有了这个背景，你可以尝试类似的东西，但使用Vue......或者你也可以尝试以下内容：
通过
wp_enque_scripts操作将Vue资源集成到WordPress主题中1.构建您的Vue项目
1.通过询问你的Vue资产，将其插入WordPress主题--假设项目名为
my-vue-project1.在WordPress主题的
index.php文件中添加容器元素：1.在Vue项目入口文件中挂载应用：
我没试过，但理论上说，这是可行的。祝你好运