如何使用Vue为两个HTML页面构建文件？
使用Vue为两个HTML页面构建文件可以通过以下步骤实现：
- 首先，确保你已经安装了Vue.js。你可以通过在终端中运行以下命令来安装Vue.js：
- 首先，确保你已经安装了Vue.js。你可以通过在终端中运行以下命令来安装Vue.js：
- 创建一个名为
index.html的HTML文件，这将是你的主页面。在该文件中，你需要引入Vue.js的CDN链接，可以使用以下代码： - 创建一个名为
index.html的HTML文件，这将是你的主页面。在该文件中，你需要引入Vue.js的CDN链接，可以使用以下代码： - 创建一个名为
main.js的JavaScript文件，这将是你的Vue应用的入口文件。在该文件中，你需要创建一个Vue实例，并将其挂载到主页面的app元素上。你可以使用以下代码： - 创建一个名为
main.js的JavaScript文件，这将是你的Vue应用的入口文件。在该文件中，你需要创建一个Vue实例，并将其挂载到主页面的app元素上。你可以使用以下代码： - 创建另一个名为
page.html的HTML文件，这将是你的第二个页面。在该文件中，你可以使用Vue实例中的数据和方法。你可以使用以下代码： - 创建另一个名为
page.html的HTML文件，这将是你的第二个页面。在该文件中，你可以使用Vue实例中的数据和方法。你可以使用以下代码： - 现在，你可以在
index.html和page.html中分别定义不同的Vue组件、数据和方法，以构建两个不同的页面。
这样，你就可以使用Vue为两个HTML页面构建文件了。请注意，以上代码只是一个简单的示例，你可以根据自己的需求进行修改和扩展。如果你想深入了解Vue.js的更多功能和用法，可以参考Vue.js官方文档。
相关·内容
我有一个现有的网站，我正在逐步取代html/css接口与Vue技术。所以现在我有了两个逻辑页
完全在vue中的页面
带有html/css部件和vue部件的页面。
目前，我正在使用Vue (没有Nuxt)，并成功地完成了这个迁移。在wordpress主题中，我加载vue脚本，如下所示
wp_register_script('vue-app', $directory_uri . '/js/app.js', array(), $version, true);
wp_enqueue_script('vue-app');
为了改进我的项目，
浏览 4提问于2021-10-27得票数 0
1回答
现在，我有两个要构建的HTML文件。我的项目结构是这样的。
|- node_modules
|- public
| |- blog
| | |- some-page.html
| |- index.html
|- src (contains all the Vue components)
|- Blog.Vue
|- Index.Vue
|- main.js
在我的some-page.html中，我有一个ID为blog的div，在我的index.html文件中，我有一个ID为app的div。然后，在我的main.js中，我有这个代码。
import Vue from
浏览 82提问于2021-05-21得票数 0
我有个问题：
我通过告诉VScode (右下角) .vue文件应该格式化为.html文件来解决这个问题。
这解决了格式化问题，但我在html标记中失去了vue属性的语法高亮显示。
我需要让VScode将文件类型的.vue格式化为.html，同时保持语法突出显示。
怎样才能做到呢？
.vue的语法突出显示来自扩展。
我试过维图尔扩展和美化扩展。他们高亮显示了语法，但没有正确格式化.vue文件(至少对我来说是这样)
尝试在VScode的全局settings.json中添加以下行
{
"[vue]": {
"editor.defaultFormatte
浏览 6提问于2020-03-30得票数 5
回答已采纳
2回答
我有两个Vue应用程序，它们都需要使用一些常见的页面和资产(scss文件、图标等)。
他们需要共享的页面是访问vuex存储和异步调用的完整页面。
我想要做的是创建一个单独的vue应用程序(使用cli)，并将两个应用程序都放入其中，并拥有一个共享文件夹：
vue-project
- src
- app1
- app2
- shared
但是，我有一个问题:如何分别构建/运行每个应用程序？
浏览 1提问于2019-02-19得票数 10
回答已采纳
当我们开始使用Vue时，我们已经将所有组件构建为库，并在HTML头中包含了Vue运行时，并且在整个身体周围都有一个愚蠢的根实例，因此我们可以在任何我们想要的地方使用我们的定制标记。为了优化构建过程和常规代码清理，我现在想将其更改为应用程序构建，这是VueCLI的默认设置。问题是，我们有两个大型的第三方组件：和，后者有一些定制。因此，为了保持供应商块的小，我想将这两个库作为两个单独的库保存，因为它们并不是到处都需要的。
现在的问题是，这些库需要一个全局的Vue，这样它们也可以在全球注册自己。对于VGT，我们有一个小包装器(也是因为我们使用TypeScript)：
import Vue from
浏览 1提问于2020-08-14得票数 0
我从Vue转到了React，我喜欢使用CRA工具在SharePoint上制作界面。我的常规方法包括构建应用程序并将构建的index.html文件链接到SharePoint Content Editor Web Part (CEWP)。
我最近需要在同一个页面上有两个CRA构建，我遇到了一个构建对DOM的控制会覆盖页面上另一个构建的内容的问题。
我现在的理解是，不能在同一页面上存在多个CRA。我不想弹出我的应用程序。在我的研究中，webpack似乎将这个“jsonpFunction...”分配给了两个应用程序。我读到的一个建议是，找到并替换其中一个应用程序中的所有实例，并将其更改为"wi
浏览 2提问于2021-02-09得票数 0
我已经配置了vue-cli3来构建一个多页面应用程序，遵循这个指南，我的应用程序有2个静态页面，并且我能够设置vue.config.js，如下所示。当我运行应用程序时，它会按预期加载索引页，但我无法导航到另一个页面。 索引页在http://localhost:8080/下面的基本url上提供 我尝试了以下urls，但它们无法加载第二个页面http://localhost:8080/user.html http://localhost:8080/user http://localhost:8080/user/user.html 文档说明生成的文件“输出为dist/user.html”，但不清楚
浏览 15提问于2019-05-09得票数 4
我有一个API，输出是text/html。
vue向该API发出请求，并在变量中获取text/html数据。
如何用这些数据构建一个页面，并将整个页面重定向到该页面？
非常感谢。
浏览 0提问于2018-11-13得票数 0
回答已采纳
1回答
我对symfony非常陌生，在vue.js方面也有一点经验。经过一番研究，我没能找到解决问题的办法。
我有以下问题：
我正在为前端构建一个使用Symfony和vue.js的多页面应用程序。我使用模板index.html.twig中的搜索表单从API获取有关给定搜索查询的信息。
因此，我在Symfony中使用路由。当按下搜索按钮时，将调用URL xxx/search?query=test。这个URL由我的symfony控制器处理，它从API获取数据并呈现页面search-result.html.twig。我在index.html.twig中使用index.html.twig，我也想在search
浏览 4提问于2020-02-18得票数 1
回答已采纳
1回答
我的vue js项目中有两个env文件。
- .env.development
- .env.production
我希望使用命令npm run build --mode development或npm run build --mode production来构建基于vue文档的env文件的项目。
我得到了这个错误
Entry module not found: Error: Can't resolve '/var/www/html/projectname/production' in '/var/www/html/projectname'
解决办法是什
浏览 2提问于2020-01-24得票数 0
回答已采纳
2回答
问题是，如果您将"/“添加到要预呈现的路由，然后在不是"/”的页面上刷新，则会导致浏览器使用预呈现的索引文件内容。
如何配置Vue和PSPA，使根被预先渲染，而Vue知道使用原始(空) index.html文件来渲染未预渲染的路由？
我尝试在/public中添加一个index.template文件，然后将以下内容添加到PSPA配置中：
indexPath: path.join(__dirname, 'dist', 'index.template.html'),
但这无法构建。这是正确的做法吗？
浏览 0提问于2018-07-03得票数 0
我希望这两个文件都能显示“测试！”并且有一个Vue组件。这两个文件都引用了完全相同的Vue源代码。这两者似乎都有完全相同的Javascript。这两种方法都使用完全相同的胡子语法调用消息键。
相反，一个文件向我显示一个{{ message }}，而另一个文件按预期工作，显示Test!。这两个文件都表明Vue‘就绪。检测到Vue 2.5.21’。为什么会有区别？
我试过了(在破损的文件上)：
改变我从哪里得到我的Vue的CDN链接(没有工作)。
将Vue存储的变量名从“root”更改为“app”，改为“rooty”(不起作用)。
对ID和元素引用使用单括号和双括号(不起作用)。
浏览 0提问于2018-12-15得票数 1
回答已采纳
我构建了一个Vue component，它是用"build-bundle": "vue-cli-service build --target lib --name my-component ./src/myComponent.vue"打包的。在dist文件夹中有：
demo.html
my-component.common.js
my-component.udm.js
my-component.udm.min.js
现在，对于GitHub Page出版物，我正在构建一个页面来解释组件的细节和特性。我将使用/docs文件夹作为GitHub
浏览 0提问于2019-08-26得票数 2
我使用Vue CLI和Vue 2构建了一个多页面应用程序，方法是更改vue.config.js，如下所示：
pages: {
index: {
entry: './src/pages/index/main.js',
template: 'public/index.html',
title: 'index page',
chunks: ['chunk-vendors', 'chunk-common', 'index']
},
ad
浏览 4提问于2021-01-24得票数 6
回答已采纳
虽然我显然不是webpack的专家，但我通常会想/找出我需要修改什么才能实现我所需要的。然而，我在这个问题上损失了不止一天，尽管这似乎相当简单：
我希望在构建之后，通过从文件夹中复制index.html，将其添加到构建中。
我尝试将这个添加到configureWebpack中，在vue.config.js中
plugins: [
new CopyPlugin([{
from: 'deploy',
to: '/',
force: true,
copyUnmodified: true
}])
]
( deploy文件夹中的唯一
浏览 2提问于2020-04-15得票数 4
回答已采纳
我有两次回复：
Vue客户端接口；
NodeJS套接字和web服务器。
我需要使用服务器为Vue接口提供构建的文件，并且不知道如何继续.
关于如何解决这个问题，我有两个想法：
创建一个脚本来克隆Vue repo，构建它，并通过服务器在文件夹服务器中移动构建的文件。
将Vue repo声明为服务器的依赖项，并找到构建和访问依赖文件的方法。
第二个似乎更干净，但我不知道如何开始处理这个问题。有人能提供一些关于更好的方法和我如何开始的想法吗？
浏览 6提问于2017-12-08得票数 0
回答已采纳
我有以下两个组件
BrewTitle.vue
<template>
<h1>{{ title }}</h1>
</template>
<script>
export default {
data() {
return {
title: "Brew Title"
};
},
created() {
console.log("title created")
}
};
</script>
Snackbar.vue
<templat
浏览 0提问于2019-07-08得票数 6
回答已采纳
我已经阅读了关于构建app的官方Vue.js文档。我所理解的是，通过使用vue-cli，构建(或编译?) *.vue文件。注入到index.html文件中的javascript文件中。
如果我没有任何index.html怎么办？在我当前的应用程序中，html文档是在运行时从jsp模板文件构建的，如何让Vue将js和‘runtime’构建文件注入到所选的jsp模板中？
另外，在开发模式中应该使用节点服务器，这是必须的吗？
浏览 0提问于2017-11-09得票数 1
我需要两个js文件在我的应用程序。第一个(app.js)是所有页面/视图将使用的通用js文件。第二个(page1.js)是一个页面/视图特定的js文件。
我在app.js中实例化一个新的Vue实例，如下所示：
new Vue({
el : '#app',
data: {
balance: 0
},
ready: function() {
},
methods : {
},
})
接下来，在page1.js文件中实例化另一个Vue实例，如下所示：
new Vue({
el : '#headerSection',
da
浏览 1提问于2015-07-29得票数 1
2回答
我是Vue的新手，我正在尝试几个基本的例子来理解这个框架。我已经创建了两个文件组件navigation.vue和pageoptions.vue.我已经将它们导入到main.js文件中，并且能够成功地编译和运行应用程序。然而，尽管我在index.html (在“app”中)中有这两个组件，但只有一个组件被呈现，即传递给呈现函数的一个组件。由于呈现函数不能返回多个元素，所以如何在不将这两个组件包含在一个父组件中的情况下在页面上获得任何其他组件呈现？如果不支持这一点，那么解决这种情况的方法是什么？我哪里错了？
组件1- navigation.vue
<template>
<
浏览 1提问于2020-06-07得票数 1
回答已采纳
我正在使用vue-cli生成的项目和vue.config.js中指定的vue.config.js。Vue是在HTML模板文件末尾自动注入JS块。但在其中，我需要指定一个不同的位置将它们放在该文件中。
标准Webpack语法并没有真正的帮助(<%= htmlWebpackPlugin ...)。它实际上是将块注入到页面中，但是无论如何，这些块都会再次插入到页面的末尾。
是否有一种正确的方法，在HTML文件中指定使用vue-cli构建的确切位置，而不是文件的默认结尾(或者在我的模板中不存在)？
模板(IndexTemplate.cshtml)
...
<scripts-section
浏览 2提问于2019-05-26得票数 6
1回答
我用vue js构建了一个前端网站，现在我正在尝试用nodejs和hapijs编写后端程序。我尝试定义handlebars视图引擎来加载vue构建文件。我想知道如何使用hapi js在服务器上渲染vue项目。现在，我尝试渲染vuejs的构建索引，它加载时没有js和css文件，我不知道如何加载所有静态内容的文件。
这就是我所尝试的：
await server.register([require('hapi-auth-basic'), require('vision')]);
server.views({
engines: {
html: requir
浏览 18提问于2018-08-27得票数 0
1回答
我已经创建了一个vue组件js文件，加载到我的页面中是为了做一件简单的事情： function CategoryProductViewModel() {
var props = {
id: Number,
attributes: [Array, Object],
categories: Array,
...
}
var data = function(){
return {
quantity: 1
浏览 23提问于2019-02-11得票数 0
我正在尝试在我的vue应用程序中使用process.env。我已经创建了两个.env文件，一个用于生产.env.production，另一个用于开发.env.development。这两个文件位于我的vue项目的根目录中，但vue cli将忽略它们。我已经创建了一个环境变量，我将在我的Home.vue组件中调用该变量来为开发/生产环境设置不同的图像路径。问题是，在构建之后，当我运行我的应用程序来测试它时，我会得到这个错误
TypeError: Cannot read property 'env' of undefined
它与我想要加载的图像的src标记中设置的路径相关
<
浏览 41提问于2021-05-22得票数 3
回答已采纳
我使用vue-cli创建了一个小的vue应用程序。我使用npm run build来生成生产版本的UI，最终得到一堆CSS、js和一个包含所有这些js和CSS文件的HTML页面文件。但是，为了应用程序的目的，需要将HTML移动到一个不同的目录，中间件在那里访问它。这就是为什么js和CSS文件的URL需要加上前缀，以指向新目录的原因。是否可以在输出HTML文件中为js和CSS文件创建前缀？ 下面是package.json的内容 {
"name": "investmentapp",
"version": "0.1.0",
浏览 69提问于2020-11-01得票数 0
回答已采纳
1回答
我用vuejs制作一个简单的页面。虽然我可以在没有任何框架的情况下制作类似的页面，但我想尝试vuejs，现在它几乎已经准备好了。
问题是，它只是一个js和html文件，它抛出以下警告。
您正在运行Vue的开发构建。确保在为生产部署时使用生产生成(*.prod.js)。
假设我想保持这样的状态，我如何删除这个警告并获得单页html和js文件？
// main.js
const { createApp } = Vue
createApp({
data() {
return {
message: 'Hello Vue!'
浏览 2提问于2022-07-29得票数 0
回答已采纳
1回答
当构建我的vue.js项目的生产(vue.js)时--当我只是打开.html文件时，一切都在本地正常工作
当为生产用nginx构建它时，有些东西出了问题，只有一个页面停止工作。
我试过两个不同的Dockerfile，但是结果是一样的
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
# production stage
FROM nginx:stable-alpine as production-stage
C
浏览 1提问于2022-08-19得票数 1
1回答
我使用vue.js和vue.config.js方法创建了一个多页面应用程序，我开发它时没有问题，我创建了一个可以访问主页的产品构建，但是我不能访问其他页面，比如我们、portfolio等等。
有什么问题吗？？以及如何解决这个问题？是关于.htacess的吗？
这是我的vue.config.js代码
module.exports = {
pages: {
index: {
entry: './src/pages/Home/main.js',
template: 'public/index.html',
浏览 2提问于2020-07-02得票数 4
我花了很多时间研究这件事，但没有结果。我知道在Webpack中，代码分割和动态绑定是如何使用import承诺API的。
但是，我的用例是，我有两个完全独立的包，分别使用不同的webpack构建来生成。为了给您提供透视图，我正在构建React组件，并且需要将react组件动态加载到已在不同过程中编译的页面中。这有可能有反应吗？我确实控制了webpack的两个构建，所以我可以排除依赖，等等。
更新：--我刚刚介绍了Vue.js，以及它如何允许开发人员注册Vue.js组件，然后在代码中引用它们。我可能会在页面脚本之前加载我的Vue.js组件脚本。我想看看我能不能做出类似的反应。
浏览 1提问于2017-02-24得票数 11
回答已采纳
我有两个页面:一个登录页面和一个基于Vue的仪表板页面。单击登录页面上的提交按钮时，它会重定向到仪表板页面。这只是一个典型的登录场景。
现在我想将登录页面上输入的一些数据传递给仪表板页面，比如用户名等，典型的方法是什么？也许在实例化Vue实例时可以在main.js中传递数据，但我不知道如何将数据传递给main.js。
更新：
例如，以下是页面。
登录页面，这只是一个与Vue无关的普通html页面：
<input id="userName"/>
<a href="dashboard.html"></a>
基于Vue的仪表板页面中
浏览 2提问于2018-05-16得票数 1
我已经在cms上安装了vue cli。问题是，当我将npm运行构建作为主索引页时，将显示vue cli index.html页面，而不是cms索引页。
在下面的vue.conf.js文件中，我试图禁用index.html页面，但它不起作用。
vue.config.js
module.exports = {
chainWebpack: config => {
config.plugins.delete('html');
config.plugins.delete('preload');
config.plu
浏览 3提问于2021-11-30得票数 0
我在中构建了一个相当简单的web应用程序，它使用webpack的默认npm run dev命令运行。Vue应用程序使用了我用构建的的api。无论何时Vue应用程序发生变化，它都会自动热重加载，这非常棒。
现在我想用django而不是webpack来运行Vue应用程序。我的意思是Django将使用html模板文件进行响应，Vuejs应用程序将在该html文件上运行单个页面应用程序。
我现在要做的是首先运行以下命令：
npm run build
然后将dist/静态/文件夹文件复制到django 静态文件夹中。并将其加载到模板中：
index.html
{% load static %}
<
浏览 3提问于2017-03-17得票数 8
我用VUE CLI发布了一个项目。
当我构建我的项目时，它没有工作，，我知道问题。
/js/*中的Javascript文件无法工作，因为它们使用vue it self进行路由，服务器返回html文件而不是上载javascript文件，我在控制台中出现了错误：
未登录的SyntaxError:意想不到的令牌“<”
我找到了一个将所有资源(js、css、字体)放到外部目录并编辑index.html的解决方案。
问题如何在vue cli内解决这个问题？
示例：不是在mywebsite/js/app.a5fe57de.js中获取脚本，而是在这个url中得到一个页面html。
非常感谢你的
浏览 2提问于2020-05-09得票数 3
回答已采纳
我使用@ vue /cli 5.0.0-beta.3，vue 3.2.8和element-plus 1.1.0-beta.8。 为了减小构建包的大小，在index.html文件中导入CDN构建包时，尽量排除所有第三方依赖(vue、vue-router、vuex、element-plus等)： <!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible&
浏览 49提问于2021-09-03得票数 0
回答已采纳
1回答
我有一个WordPress站点，它通过Rest将其内容以基于高级自定义字段的模块的形式输出到Vue.js前端，也使用Nuxt。
我被要求把它转换成一个标准的WP主题，去掉Vue，使它成为一个常规的WordPress主题。
我可以访问所有的Vue文件，实际上是整个代码库，但是有什么“快速”方法可以将这些模板转换为常规HTML，而不必从头开始构建整个过程呢？
如果我查看页面源代码，它会输出构建页面的脚本，而不是我需要的HTML，所以如果我复制它，它就不能工作，因为Vue/Nuxt丢失了。
浏览 0提问于2019-10-29得票数 1
1回答
我目前有一个用vue-cli和socket.io服务器构建的npm项目。
下面是我的项目的结构：
Project/ |--node_server/ | |--server.js |--src/ | |--main.js | |--App.vue | |--other .vue files and folders
我不知道如何在Heroku上部署此应用程序，因为在部署时我需要运行两个脚本，即node server.js (在node_server文件夹中)和npm run build或npm run dev (在根文件夹中)。
如何成功部署有哪些步骤？Heroku在我推送的时候从gith
浏览 5提问于2017-08-15得票数 0
回答已采纳
当我在下面这样的HTML文件中使用Vue时，它工作得很好。
<body>
<div id="app">
<!-- something in here -->
</div>
<script>
new Vue({
el: "#app",
data: function() {
}
//and so on ....
})
</script>
</body>
但是当我使用webpack构建它的时候。我放在HTML头中的输出js文件不能正确解析HTML。看起来Vue.js
浏览 17提问于2019-07-10得票数 1
我有vue应用和django应用。我分别构建它们，并使用vue的index.html作为模板。
当我转到图像目录时。例如：http://localhost:8000/media/posts/images/image.png。我没有得到图像，而是得到了一个静态文件。它发生在开发和生产环境上。
这是我的urls.py文件。TemplateView响应根URL。我使用index.html作为模板。它来自于vue的构建。
from django.conf import settings
from django.conf.urls.static import static
from djang
浏览 2提问于2020-09-08得票数 1
回答已采纳
我有一个用vue cli 3创建的vue项目，我使用的是Vuetify v2.0.19。
我的项目要求我能够构建该项目并输出一个html文件，以便可以在phonegap应用程序(Safari v13)中下载并脱机运行。我能够满足所有的要求，并使我的项目显示在phonegap应用程序，但图标不呈现。例如，在我使用<v-icon>info</v-icon>的地方，它会呈现信息，等等。
我遵循了Vuetify快速启动，图标和浏览器支持页面和其他几个堆栈溢出线程的答案，但无法得到我的图标来渲染。
我基本上需要包含在我的单个文件中的字体。当我在phonegap应用程序中加载页面或
浏览 4提问于2019-11-19得票数 0
回答已采纳
1回答
首先，我不擅长英语，很抱歉
我正在制作一个个人投资组合网站与vue3，快车。在express中，呈现主vue项目，我的许多子proejct文件(静态html、vue等)在项目文件夹中。
这是我的文件夹结构
frontend
│ └ (main vue project)
│
backend (express)
│ kinder (sub vue project)
│ dist (main vue project builded here)
│ │ project
│ │ └ (sub projects here)
│ │
│ └ ...
浏览 6提问于2022-07-01得票数 1
我用CLI创建了一个VueJs页面。我想在没有安装Vue CLI或Node的情况下向其他人展示它。就像您通常在浏览器中打开.html文件一样，我想在构建index.html文件后打开它。 当我打开该文件时，我在控制台中得到一个包含404错误消息的空页面。我拿了这些文件 https://cli.vuejs.org/guide/deployment.html#general-guidelines https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations 并将mode:
浏览 7提问于2018-12-21得票数 3
回答已采纳
1回答
我想问一下，在现有网页中包含和重用以.vue文件(SFC)编写的Vue组件的最佳方法是什么？
例如，假设已经有一个SPA项目和一个ASP Core项目。我想将~/SPA Dir/components/*.vue重用到我的Razor页面或纯HTML页面中。更具体地说，网页通过CDN js文件使用Vue。
在大多数Vue教程中，经常提到如何使用Vue来创建SPA，或者可以在现有的网页中使用它。而且还强调了它的组件的可重用性。但是，遵循这些指南似乎非常令人沮丧和复杂，而且往往缺乏和不明确的指南。
根据我的研究，我意识到必须有一个中间的构建过程来从vue文件中产生js文件。以及vue-loader和w
浏览 8提问于2021-03-28得票数 3
最近我爱上了Vue.js的。让一个组件的模板和样式更接近更好，而且我发现现在我编写的bug要少得多，因为很容易将页面的一部分组件化并在多个地方使用它。
我想知道是否可以将这个单文件组件结构扩展到生成静态HTML页面，而不涉及Vue。
例如，假设我希望有一个包含页眉、节和页脚的主“内容”div的页面。使用Vue.js，我可以创建'header‘、’节‘和’fo脚‘组件，并在页面加载后使用JavaScript来实例化它们。因为页面的每个部分都在自己的组件中，所以在一个组件中没有CSS影响另一个组件的可能性，所以我有一个更干净的文件树需要编辑。
然而，这似乎有点浪费，因为这些组件实际上并不是
浏览 21提问于2017-03-17得票数 29
回答已采纳
3回答
我使用vue.js和vue-router.js。我将这两个文件添加到html页面中。
这是我的加载模板组件..。const Dashboard = {template: "<strong>"}
但我希望动态加载html页面，并使用HTTP 加载。const Dashboard = {template: "How load html page with url(http)"}
有人能指引我吗？
浏览 1提问于2020-01-04得票数 1
回答已采纳
4回答
Vue.js命令行界面中的多页
、、、、
我在弄清楚如何在Vue CLI项目中拥有多个页面时遇到了麻烦。现在我的主页上有几个组件，我想创建另一个页面，但我不知道如何做到这一点。我是否应该在默认的index.html所在的位置创建多个html文件？在一个以css、js、img文件夹和html文件作为页面的简单文件结构中，我知道创建另一个html文件意味着创建另一个页面。但我不明白这是如何与Vue CLI项目一起工作的。
我在Vue文档中看到了像vue-router和"pages“这样的东西，但我对它们的理解不是很好。我的替代方案是什么？有没有详细解释这一点的指南，因为我找不到任何指南，更不用说详细了。如果你能帮忙，我会很高兴的！
浏览 109提问于2018-08-05得票数 58
回答已采纳
2回答
我从Vuepress ()开始，我跟随文档将它与现有的项目()集成起来。我使用了建议的文档目录。
但是现在我需要“真正”地与我的项目集成，当我的用户访问my-project.com/docs时，我需要访问Vuepress文档。
如果我制作(纱线文档:build)，将生成/dist文件夹，以便在任何地方用作静态HTML文件。我把/dist/内容放在我的项目的/静态/文件中。但是vue路由器对/docs的响应是404。
我还需要做两个构建，我的项目和文档。
问题如下：
如何使vue路由器“查看”vuepress构建文件？把它们放哪儿？
如何将项目的运行构建集成起来，使两者兼而有之？
浏览 3提问于2018-09-05得票数 7
1回答
我试图在Laravel 5.4和Vue JS 2.0上构建一个应用程序--我有一组只在特定页面中使用的components，现在我在全局定义组件，并在刀片文件中使用components标记，正如我所说的，很多组件都没用，所以我的混合文件越来越大，我认为这可能会减慢页面呈现速度。我正在寻找一个解决方案，可以在刀片文件中动态调用组件。以下是我的app.js文件：
Vue.component('NavBar', require('./components/NavBar.vue'));
Vue.component('HomeBanner', requir
浏览 1提问于2017-05-09得票数 0
回答已采纳
我正在为遗留服务器呈现的项目创建一个页面。
在它的一个页面上，我需要添加一些“动态”。然后导入vuejs CDN脚本并创建内联vue对象。
var v = new Vue(...
但是有一个我非常喜欢，我想把它添加到页面中。但是，这个组件似乎只能通过WebPack导入和构建过程添加。
在没有WebPack构建过程的情况下，如何在html页面中使用这个组件？这有可能吗？
浏览 2提问于2018-04-18得票数 3
回答已采纳
我有一个VueJS项目，我想在其中隐藏登录页面上的组件(导航抽屉)。它正在工作，但我有一个错误，我不能建立我的应用程序。 顺便说一下，我正在使用vue路由器。 我的组件被分成3个文件(.vue、.html、.ts) 他是我的.ts文件，错误如下： ? 有没有人知道我如何才能在登录页面上隐藏我的组件而不出现错误，这样我才能构建我的应用程序？ 谢谢！ 这是我的NavigationDrawer.ts文件： import Vue from 'vue'
export default Vue.extend({
name: "NavigationDrawer",
浏览 29提问于2021-01-25得票数 0
1回答
我使用Vue.js作为前端，express.js作为后端。当我用npm启动express.js服务器时，我想从Vue交付前端组件。
我使用Vue生成器和Express生成器，当我将index.html文件与
res.sendFile(path.join(__dirname + '/index.html'));
浏览器显示一个空站点，因为只有写的。
<div id="app"></div>
我认为我必须首先构建index.html文件，因为前端部分被划分为不同的Vue组件(.vue文件)。
浏览 0提问于2018-04-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
