适用于非SPA应用程序的Vue js -加载组件而不加载应用程序组件
Vue.js是一种流行的JavaScript框架，用于构建用户界面。它是一个轻量级的框架，适用于构建单页面应用程序（SPA），但也可以用于非SPA应用程序。
对于非SPA应用程序，Vue.js可以用于加载组件而不加载整个应用程序组件。这种方式可以提高应用程序的性能和加载速度，特别是对于大型应用程序而言。
Vue.js提供了动态组件的功能，可以根据需要动态加载组件。这样，非SPA应用程序可以根据用户的操作或需求，按需加载所需的组件，而不是一次性加载所有组件。
这种加载组件而不加载应用程序组件的方法在以下情况下特别有用：
- 多页面应用程序：对于具有多个页面的应用程序，每个页面只需要加载与该页面相关的组件，而不需要加载整个应用程序的所有组件。
- 首屏加载优化：对于需要快速加载首屏内容的应用程序，可以先加载必要的组件和数据，然后在后台加载其他组件，以提高用户体验。
- 懒加载：对于某些组件，只有在特定条件下才需要加载，可以根据条件动态加载这些组件，以减少初始加载时间和资源占用。
对于非SPA应用程序中的Vue.js加载组件而不加载应用程序组件，可以使用Vue.js的动态组件功能和异步组件功能。动态组件允许根据组件名称动态加载组件，而异步组件允许延迟加载组件。
腾讯云提供了云服务器、云数据库、云存储等多种产品，可以用于支持Vue.js应用程序的部署和运行。具体推荐的产品和产品介绍链接地址可以根据具体需求和场景进行选择。
相关·内容
我想用Sails JS (Node )和Vue JS创建一个SPA (单页应用程序)。Vue JS支持组件，我想动态加载它们(.vue文件)。Vue JS建议为此使用Browserify，我是通过npm安装的。任务在Sails中使用Grunt完成。
我就是不能把这一切都搞清楚。这是Grunt生成的当前公共树：
|-.tmp |-browserify |-components |--user.vue |-js |---dependencies |---vendor |-styles |---fonts |---
浏览 11提问于2016-11-26得票数 0
回答已采纳
1回答
我现在正在用Vue.js构建一个SPA(单页应用程序)，
并将有一些行政网页，授权人可以访问它。
Vue前端服务器将使用REST与后端Express.js服务器通信。
在这种情况下，我认为SPA是一个立即加载并对其作出反应的概念，而不是像传统的那样在服务器上运行代码并将其抛出HTML、，所以管理页面将在源代码中，即使这些信息是由ajax(Ajax)授权的，我明白吗？
因此，即使我使用Vue-路由器beforeEach授权，也有人可以看到管理页面的帧，对吗？
如果是的话，是否有更好的方法来阻止他们的访问？
浏览 1提问于2021-02-26得票数 0
回答已采纳
根据Vue.js 在单个文件组件中使用pug预处理器的要求， (not )需要：
{
test: /\.pug$/,
loader: 'pug-plain-loader'
}
如果除了Singe (.vue文件)之外，我还需要将pug模板导入到由TypeScript包(基于)提供的TypeScript类中呢？
我只能看到html模板加载的：
@Component({
template: require('./MyComponent.html')
})
export default class MyComponent extends Vue {
浏览 3提问于2019-03-14得票数 8
3回答
因此，到目前为止，我们一直在使用Vue的标准脚本标记来构建我们的Vue应用程序(主要是为了让我们能够慢慢地从jQuery/Knockout-重型应用程序过渡)，但是当我们开始转换我们更复杂的应用程序时，我已经可以看到如果我们不尽早切换到CLI构建的话，我们将面临的维护问题。
现在，这对我们的许多应用来说都不是问题，但由于我们在Vue应用程序中很早就采用了“内部CDN”方法，所以用Webpack捆绑所有东西在多功能性方面似乎有点倒退。现在，我们提供4个文件，然后我们的MVC应用程序中的每个路由都有自己的Vue实例(即: about.js)，它控制整个UI及其逻辑。我们的CDN服务: 1. pol
浏览 1提问于2018-05-14得票数 2
回答已采纳
在vue2单页应用程序中存储静态产品信息数据的正确模式是什么？
之前，我使用了一个外部js文件，其中包含一个带有产品属性的JSON (例如，名称、体重、身高等)。
我不想通过AJAX加载，因为spa需要在没有web服务器的情况下工作。
浏览 1提问于2018-06-09得票数 0
我开发了一种CMS。这是Vue SPA。它连接到Express/Node服务器，该服务器通过请求将api内容以JSON的形式提供给它。然而，现在我需要建立主网站。我已经决定做它在把手，因为我不想这个页面是一个SPA，而是我希望它是一个更传统的网站与不同的页面等。我还买了一个模板用于这个主网站。据我所知，这个模板可以使用handlebars，因为它包含一些javascript文件，比如jquery，如果我把它做成一个vue应用程序，这些文件就会发生冲突。我的理解是正确的吗？或者我可以使用vue来制作一个网站，它不是一个spa，而且还包含其他javascript文件。我这样问的原因是因为我需要为
浏览 19提问于2019-09-16得票数 0
回答已采纳
我需要为vue.js SPA应用程序添加一个预加载动画，同时在后台加载文件，使用SVG和进度条。因此，用户看到的不是空白屏幕，而是动画。像gmail加载动画或之类的东西谢谢你的建议
浏览 1提问于2019-02-07得票数 0
例如，我有vanilla函数：
if (window.devicePixelRatio >= 2) {
document.querySelectorAll('img.retina').forEach(function (e) {
let parts = e.src.split('.');
let ext = parts.pop();
if (parts.join('.').indexOf('@2x') == -1) e.src = parts.join('
浏览 0提问于2019-02-09得票数 0
回答已采纳
adal.js -是否可以在非SPA MVC站点上使用adal.js？
从下面的链接可以看出，adal.js可以用于单页面应用程序(SPA)：
adal.js -是否可以在非SPA MVC站点上使用adal.js？
浏览 2提问于2015-12-27得票数 0
我试图实现的是将Vue 3应用程序添加到现有的Rails应用程序中。因此，我的应用程序将是一个典型的Rails应用程序，直到加载路由/spa/*。在这种情况下，Rails的控制器将提供一个依赖于Webpack服务JS的布局。
首先，我将路由/spa/添加到我的routes.rb中，以便始终将其解析为一个为使用javascript_pack_tag的正确布局服务的控制器。
然后，我成功地在我的Rails 5.2 rails应用程序中安装和安装了Webpacker，而且它似乎工作正常，因为我已经用Vue路由器构建了一个简单的应用程序，并在单击链接时正确地呈现了几个组件。好吧，几乎..。
问题在于我
浏览 2提问于2021-01-25得票数 3
回答已采纳
1回答
我有一个网站，它使用Django作为API和Vue作为前端。当前，当我部署站点时，我执行以下操作：
(npm run build)Copy 将Vue应用程序 dist文件夹创建为Django应用程序中的一个特定文件夹，其中一个 urls被设置为一个TemplateView，为Vue 提供服务。
通过上述操作，生产中的Nginx只需使用gunicorn为Django应用程序提供服务，一切就可以工作了。
不过，我更愿意让Nginx提供Vue index.html和静态文件。例如，/将为Django应用程序提供服务，/spa将为Vue应用程序提供服务，该应用程序本身将调用api。
下面是我当前的Ng
浏览 4提问于2019-10-03得票数 6
回答已采纳
2回答
我正在学习VUE JS。我有一个在不同页面之间路由的非常基本的SPA。
我在业余时间构建了三个JS演示，我注意到，如果我在它们的页面之间跳转，它们最终会因为内存的积累而停止。我想避免在这里粘贴他们的脚本，因为他们太庞大了，我不认为问题出在他们身上。
我认为这个问题介于我实例化它们的方式和我对VUE JS知识的缺乏之间，是这个问题给我带来麻烦的原因。
下面是我在VUE JS中路由到的一个视图的示例：
<template>
<div class="particles">
<main-menu></main-menu&
浏览 41提问于2017-06-24得票数 2
回答已采纳
1回答
我在vue js中创建了这个组件：
$(document).ready(function () {
Vue.component('mappa', {
mounted() {
console.log("redy;");
this.initMap();
},
template: `
<div class="map-wrapper">
<div id="map" style="width: 800
浏览 4提问于2020-04-28得票数 0
我有一个与api通信的Vue.js SPA。这个api有一个端点来获取关于它的一般设置。我需要这些在我的SPA，但不想提出一个要求，每次我需要他们。
这些都是固定的，但可能会改变--我在构建应用程序时不知道它们，所以不能只在SPA中静态地编译它们。
我尝试过创建一个类似于此的简单模块：
import {HTTP} from './http-common'
export default {
config: null,
getConfig() {
return this.config
},
initConfig()
浏览 2提问于2019-09-09得票数 2
我们有一个传统的服务器渲染应用程序(非SPA)，其中每个页面都增加了vuejs
我们现有的webpack 3配置是
webpack.config.js
var webpack = require('webpack')
var path = require('path')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const CleanWebpackPlugin = require('clean-webpack-plugin')
const C
浏览 5提问于2018-09-16得票数 12
我在ASP .NET Core中使用Vue JS，我从 on GitHub (而不是Vue CLI)开始这个项目。这个项目加载得很好，但是我愿意使用SCSS，这样我就可以在所有vue组件中包含一个包含变量和混合器的全局文件。
“石器时代”的解决方案是将文件包含在每个组件模板中，但这会在所有组件中重复相同的内容。
然后我发现我可以使用webpack预加载一个全局scss文件，所以我跟踪了多个文档(、和，举几个例子)，但是似乎没有什么工作。当我尝试在如下组件中使用一个变量时，我仍然会得到“未定义变量”：
<style lang="scss">
h1 {
colo
浏览 1提问于2018-11-05得票数 1
我目前正在开发一个使用Vue.js的单页面应用程序。我正在通过NPM和Browserify加载所有的节点包。
真正令人恼火的是，如果我的代码不正确或者忘记了一个括号，整个脚本就不能工作了，并且根本没有错误消息。我尝试过使用firebug，但由于它是通过Browserify的SPA，所以不会产生任何错误。
有没有办法像PHP一样生成一个编译错误的消息，告诉我如何调试脚本？
浏览 0提问于2016-12-07得票数 5
1回答
我开始学习基于Vue.js的。SPA工作正常，但是当我想添加一个新组件时，我得到了以下错误：
未知自定义元素：-正确注册组件吗？对于递归组件，请确保提供"name“选项。
我的vueapp.js
import Footer from './components/includes/Footer.vue'
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import App from './components/App
浏览 0提问于2019-08-16得票数 0
回答已采纳
3回答
如何预录制Vue3应用程序？
、、、、
我试图将预录制(或SSG)应用于我的Vue3应用程序，以使它更加友好。
我找到了，当我尝试使用命令行：vue add prerender-spa时，我有一个错误：
错误TypeError:无法读取未定义的属性(读取'endsWith')
在那之后，我尝试了prerender-spa-plugin，但是我做npm run build时出错了
预制板-水疗-插件无法预先记录所有路线！错误错误:生成失败的错误。错误:生成失败的错误。在/Users/myusername/Workspace/myproject/node_modules/@vue/cli-service/lib
浏览 21提问于2022-05-05得票数 3
回答已采纳
我有一个经典的Django (无SPA)网络项目。Django也会呈现我的模板。我想为项目中的一些前端功能(实际上是一个搜索域)实现Vue.js。在我的assets目录下已经有一个基本的工作版本，文件是分开的：assets/ css/ search.css js/ search.js
如何为我的项目使用单独的.vue组件来编写结构？应该用webpack + 吗？有没有更简单的方法？
浏览 1提问于2018-02-12得票数 1
1回答
我使用Laravel 5.3作为后端，使用Vue组合(Vue 2.1.6 + Vue-Router + vue resource + gulp/webpack等)作为我的前端。我的项目是一个单页面应用程序(SPA)。
一切都很好，直到我决定用惰性加载加载每个页面。
这是我的app.js：
import store from './components/vuex/store.js'
import App from './components/App.vue';
const UserPage = r => require.ensure([], () =>
浏览 0提问于2016-12-23得票数 0
因此，我正在致力于vue水疗项目，并希望将ckeditor5融入其中。因此，我只是从ckeditor5安装 vue版本，通过在github站点上的分期付款指南，一切都很好。
但是在使用它之后，我意识到我需要从那里进行定制的构建，这意味着我需要分叉构建并克隆它，在它上做一些事情，然后npm构建，然后将它添加到我的项目中。
问题是，我不知道如何将那些css和js包含到我的vue spa组件中(我只需要它在特定组件上使用，所以我不认为通过向html中添加css和js文件就可以在全局上获得任何好处)。
那么如何将其添加到vue spa的特定组件上呢？
浏览 0提问于2018-09-28得票数 0
回答已采纳
2回答
我有一个相当大的vuex SPA，我只想使用惰性加载在某些路由上加载VueJS模块。
我跟随这篇文章是为了重现这个--
然而，这在vuex中给了我一个错误。
文件夹结构
root
|- store
| |- modules
| | |- auth.js
| | |- module2.js
| |- store.js
|- app.js
auth.js
const state = {
var1: {},
var2: false
}
const mutations = {
'MUTATION_1'(state, obj) {
浏览 14提问于2018-07-20得票数 3
回答已采纳
作为我学士论文的一部分，我目前使用nuxt2.7.1开发了一个SPA web应用程序。
在我的一些页面上，我设置了beforeRouteEnter导航保护程序，以检查用户是否可以访问该页面。如果没有，我希望将用户重定向到动态路由(即/info/1)。
当访问受导航保护的页面时，Nuxt会显示一个错误页面，声明This page could not be found，尽管该URL是正确的，错误页面上的简单重新加载将我正确地引导到动态路由。
我目前正在以下列方式使用导航警卫：
beforeRouteEnter(to, from, next) {
if (!isValidAccess()) {
浏览 0提问于2019-06-05得票数 0
目前，我的web应用程序在index.html中是这样加载的-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>tempo</title>
<link href='https://fonts.googl
浏览 1提问于2017-12-22得票数 0
我有一个用.net核心MVC编写的web应用程序，这是一个使用模型/视图/控制器模式的标准的“老式”web应用程序。在这个应用程序中，我有几个复杂的表单，根据用户的选择而变化。根据用户在前几个下拉列表中选择的内容加载不同的元素。目前，我使用Vue.js成功地构建了这样一个接口。因此，基本上我没有SPA应用程序，但当需要复杂的前端界面时，我会零星地在我的应用程序中使用Vue.js。
现在客户端WebAssembly Blazor正式发布了，我想用基于Blazor的代码替换我用vue.js编写的复杂表单。我已经找到了一篇解释如何使用服务器端Blazor 做到这一点的文章，但我找不到任何关于WebA
浏览 23提问于2020-05-25得票数 11
我有一个用Vue编写的单页面(SPA)应用程序。 现在我需要一个单独的页面，这应该是可用的，而不是登录。 对我来说，似乎有必要启用多页面应用程序(MPA)。我在文档(https://cli.vuejs.org/config/#pages)中看到，我需要在vue.config.js中设置它。但是文档对我来说是不清楚的。我是否需要编辑/重新运行Vue CLI设置？或者做些webpack的改变。仅仅添加一个带有相应文件的新页面条目是不起作用的(webpack不会在html-file中插入任何内容)。
浏览 27提问于2020-04-20得票数 0
我有一个MPA应用程序，其中vue.js作为应用程序的一部分。我有一个非常简单的测试设置，在这里：
模板的相关部分
....
<div id='app-basket-checkout'>
<h1>Better Be Here</h1>
</div>
....
pageBasketCheckout.js (本质上是我的app.js)
import Vue from 'vue'
import AppBasketCheckout from './BasketCheckout.vue'
import
浏览 2提问于2021-02-26得票数 1
我正在通过CDN使用Vue来构建SPA。我的网站后端使用ASP.NET核心。主vue spa页面在剃须刀页面中初始化，所有组件都使用html.partial导入。到目前为止，它的工作很好，但是，我需要连接到数据库，并拉数据，并更新数据库。我找不到任何简单的示例或教程，说明如何使用vue SPA中的实体框架查询MS数据库，以便为我的组件提取数据，或者使用SPA上的表单输入用户来更新MS数据库。虽然我对Vue和ASP.Net还不熟悉，但SPA的目的是减少重新加载页面的需要，所以我很好奇，如何做到这一点而不需要重新加载并保持自然的SPA的感觉仍然与数据库交互呢？为了安全起见，我已经设置了身份验证和一
浏览 5提问于2021-04-06得票数 1
回答已采纳
1回答
我在为应用程序的前端部分定义路径时遇到了问题。它是Vue.js和Vue路由器。因为它是SPA，我认为在Laravel定义所有的路线不是正确的答案，但似乎我需要某种方式，因为内容没有服务于当前的设置。Vue路由器是否获取整个页面并用每个链接加载它？这将意味着为每条链路设置一条在Laravel路由中加载的路由。我认为这不是SPA决定的意图。
所以像这样的路线
<route-link :to="{name: 'faq'}">FAQ</route-link>
这是不是意味着我必须走一条路
Route::get('faq',
浏览 0提问于2018-02-16得票数 2
回答已采纳
1回答
所以我和Vue一起建了一个SPA。我们雇佣一个设计师来创建一个登陆页面。登陆页看上去很棒。它显示了一些有关该应用程序的信息，并且有一个“登录”按钮，该按钮目前什么也不做。
登陆页面确实包括CSS和Javascript (jQuery等)，我不使用，也不想在Vue应用程序中使用。
所以问题是:如果用户已经登录，是否可以在不加载登陆页JS/CSS的情况下将登陆页代码包含在我的Vue项目中？
我的计划B是在mydomain.com上托管登陆页面，在app.mydomain.com上托管应用程序。我想这会管用的，我看到别人这么做了。但很高兴知道我的可能性
浏览 16提问于2020-03-26得票数 0
回答已采纳
2回答
我正在尝试(未成功)在Vue CLI搭建的同一项目中预先呈现多个Vue应用程序的HTML。出于多种原因，我不想使用Vue Router或Nuxt等。
我尝试过使用，但是因为我不使用路由，所以它只预先呈现索引。
我的vue.config.js看起来像这样：
const path = require('path');
const PrerenderSPAPlugin = require('prerender-spa-plugin');
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
module.ex
浏览 19提问于2019-07-22得票数 2
回答已采纳
1回答
我正在用Vue.js写一页我的网站。我有一个file.html和一个file.js。file.html看起来是这样的：
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script>
<body>
<div id="app">
// everything to be displayed on the page (data, v-if & v-else tags etc.)
<
浏览 5提问于2017-06-20得票数 4
回答已采纳
在我的Laravel + Vue.js SPA (单页应用程序)中，我使用axios作为HTTP来发出POST请求。在Vue组件即Register.vue中，我有：
axios.post('@{{ route("register") }}',
this.name, // the data to post
{ headers: {
'Content-type': 'application/json'
浏览 6提问于2019-12-19得票数 1
我想做一个使用Vue.js和Laravel的网站。似乎每个教程都是用来制作SPA的。对于我的特定应用程序，SPA没有意义。我不知道如何构造我的Vue代码，因为它需要在每个页面上创建不同的实例，使用不同的方法，等等。如果我试图在每个页面上实例化一个单独的vue实例，我每次都必须在我的请求头中包含一个CSRF令牌，这感觉不正确。
使用vue的多页面laravel应用程序的一般架构是什么？
浏览 2提问于2019-11-03得票数 0
1回答
所以我想到了制作一个Jekyll SPA博客
并以某种方式利用React.js /React.js路由器或Vue.js / Vue路由器来实现SPA路由的感觉。
是否有可能做到这一点，如果是的话，我将在哪里导入和使用路由器？
浏览 1提问于2017-10-25得票数 0
回答已采纳
1回答
我有这样的情况:我有一个不属于SPA的Laravel应用程序。但是我在我的应用程序的许多组件中使用Vue，使用单文件组件和所有这些。
但是，出于性能原因，我只想在某些页面中加载一些组件。但是，当我在第二个.js文件中注册组件时，总是会收到如下错误：
属性或方法“地址”不在实例上定义，而是在呈现过程中引用。确保在data选项中声明反应性数据属性。(发现于)
我的结构是这样的：
app.js
window.Vue = require('vue');
import ModalMessage from './../components/ModalMessage.vue&
浏览 2提问于2017-03-06得票数 1
我学习和实践关于vue js，并想创建一个像1视图包括导航栏，页脚等组件。我为第一个视图创建了一个索引，现在我想添加导航栏。但是这个导航栏不会显示在索引视图中。这是我的文件夹结构： Resource
*js
*spa
*IndexComponent
*HeaderComponent
*app.js
*App.vue
*boostrap.js 在我的IndexComponent上，这是我的代码： <template>
<div cl
浏览 17提问于2020-04-02得票数 0
回答已采纳
谢谢你读我的问题。
我对如何在我的Vue.js应用程序中实现这一点有疑问。
父组件: App.vue子组件: Loading.vue、ProductsList.vue、NoProductList.vue
App组件是容器。加载页面时，将显示加载组件。
然后加载组件检查产品。如果有产品，加载组件将将产品作为对象返回。
如果没有任何产品，加载组件将返回null。
如何根据加载组件的返回值告诉App组件要使用哪个组件？呃..。如果有产品，则加载ProductsList组件；如果没有产品，则加载NoProduct组件。
如何正确地通知父组件它应该在Vue中使用哪个组件？
我应该使用$emit (从子层
浏览 1提问于2017-04-27得票数 1
回答已采纳
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
当我要在登录页面和仪表板之间分割视图时，我遇到了问题，下面是我的代码
MainApp.vue
<template>
<div class="main-wrapper">
<div class="navbar-bg"></div>
<TopNav />
<SideBar />
<div class="main-content">
<router-view></router-view>
&
浏览 2提问于2020-06-04得票数 3
回答已采纳
1回答
我正在用水瓶和Vuejs开发SPA。我发现Vuejs非常轻量级，所以我选择了它。但现在我面临一个问题-我的SPA有几个页面，或视图，可以取代对方时，不同的链接被点击。我发现Vue组件可以做到这一点。
真的，我可以用
<router-view></router-view>
Vue路由器工作得很好。
但问题在于零部件。通常在例子中，我会看到这样的情况：
const User = {
template: '<div>User</div>'
}
但它可能适用于非常小的应用程序。在我的例子中，我的模板是非常大和复杂的html布局，所以我
浏览 0提问于2018-09-11得票数 0
1回答
我有一个Vite +类型记录+ Vue 3 SPA使用“脚本设置”。该应用程序使用Urql查询GrapgQL端点。
在这种情况下，查询只能在组件是热加载的之后显示行。
事件顺序：
在我的浏览器中用加载应用程序。页面加载良好，但查询中的数据“未定义”。加载指示符暂时显示，但result.data.value未定义
重新加载页面-没有更改，加载指示符会暂时显示，但result.data.value未定义。
将组件(Ctrl + s)保存在VS代码中--结果与1和2相同。
对组件代码做一个小的无关紧要的更改，并保存它。(我更改了注释)组件是根据控制台热加载的，加载指示符没有显示，但是
浏览 2提问于2021-12-02得票数 1
回答已采纳
1回答
我有一个导航栏(可能还有一个页脚)，它应该在每个嵌套页面上都可见。所以基本上只是内容发生了变化。在Vue.js中，我只需要使用<router-view>作为动态内容的占位符，使用<router-link>来切换此内容。 现在，在Nuxt.js中，我有以下目录结构。 pages/
--| calendar/
-----| index.vue
--| people/
-----| index.vue
--| index.vue 我的导航栏由两个<nuxt-link>组成，例如<nuxt-link :to="/calendar"> (
浏览 38提问于2020-08-03得票数 0
1回答
何时移除组件中的骨架屏幕？
、、、、
我要在我的spa应用程序(vue/angular/webcomponent)中做内容加载器(骨架屏幕)，比如youtube：
当我加载某些组件时，我会显示骨架。
我的问题是，在组件和图像加载(下载并准备显示)之后，还是在内容准备显示而图像未被显示(请求已发送，但尚未解决)之后，是否应该删除骨架？
浏览 0提问于2019-08-17得票数 2
1回答
我第一次使用VueJS创建一个新项目，并试图在我的所有页面上使用工具栏。但是我想让标题出现在工具栏上，动态的。我试着用道具，但我用的方式肯定错了。请查看下面的示例：
在我的index.html：
<div id="app" v-cloak>
<v-app>
<spa-toolbar :title="title"></spa-toolbar>
<router-view></router-view>
</v-app>
</div&
浏览 0提问于2019-07-05得票数 0
回答已采纳
1回答
我正在开发一个web应用程序，它使用vue-路由器为SPA与Laravel 5后端。它利用通过.vue运行的应用程序组件的laravel-elixir-vueify文件来创建所需的JavaScript。
我已经成功地设置了Vue -路由器和Vue，并且可以加载与主Vue和Vue路由器实例在同一个文件中定义的组件。
但是，当我尝试并要求包含在.vue文件中的组件时，问题就出现了。尽管browserify / vueify在我检查Vue实例时报告了成功的运行，但是Vue dev-tools在实例中只显示了匿名组件片段，而在router-view中没有标记。
控制台中没有错误，尽管看起来外
浏览 2提问于2016-03-12得票数 5
回答已采纳
我有一个npm包，@Google/maps，我想用它作为我的应用程序的一部分。但不幸的是，该包是在节点服务器上使用的。 但是我有一个没有服务器的spa Nuxt应用程序，那么我怎么还能使用它呢？另外，我不想求助于其他vue npm包。 这就是我到目前为止所知道的： ~/plugins/server-only.js import Vue from 'vue'
const GoogleClient = require('@google/maps')
Vue.use(GoogleClient) ~/components/organisms/helloWo
浏览 25提问于2019-10-10得票数 0
1回答
覆盖全局Vue组件是否安全？
、、、、
假设有一个全局组件BIcon.vue随处可见。
还有另一个组件，但不是全局的，叫做BIconFake.vue。
我们可以这样通过BIcon.vue来覆盖BIconFake.vue：
<template>
<div>
<b-icon icon="plus"><!-- <- Here is it BIconFake component! -->
</div>
</template>
<script>
import BIcon from '~/components/BIc
浏览 1提问于2019-09-02得票数 0
回答已采纳
我正在尝试运行一个基本的Nuxt应用程序，它的外部Vue组件是在lerna monorepo中使用vue-cli构建的。
该页面简要显示组件内容(服务器呈现)，然后消失，引发以下错误。
"export 'default' (imported as 'Header') was not found in 'a2b-header'
紧接着是
Mismatching childNodes vs. VNodes: NodeList(7) [svg, text, div#app, text, h2.subtitle, text, div.links
浏览 3提问于2020-01-30得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
