Vue:加载静态脚本
Vue是一种流行的JavaScript框架，用于构建用户界面。它是一种前端开发工具，可以帮助开发人员构建交互式的Web应用程序。Vue具有以下特点和优势：
- 轻量级：Vue的核心库非常小巧，文件大小只有几十KB，因此加载速度快，对于移动设备和低带宽环境友好。
- 易学易用：Vue采用了简洁的API和直观的语法，使得开发人员可以快速上手并构建复杂的应用程序。
- 组件化开发：Vue将应用程序划分为多个可重用的组件，每个组件都有自己的逻辑和样式，使得代码更加模块化、可维护性更高。
- 响应式数据绑定：Vue使用了双向数据绑定的概念，当数据发生变化时，视图会自动更新，简化了开发过程。
- 虚拟DOM：Vue使用虚拟DOM来提高渲染性能，通过比较虚拟DOM的差异，只更新需要更新的部分，减少了DOM操作，提高了性能。
Vue可以应用于各种场景，包括单页面应用程序（SPA）、多页面应用程序（MPA）、移动应用程序等。它可以与其他库或框架（如React、Angular）结合使用，也可以作为独立的框架使用。
对于加载静态脚本，Vue提供了<script>标签来引入外部的JavaScript文件。可以通过在Vue组件中使用<script>标签来加载静态脚本，例如：
<template>
<!-- Vue组件的模板部分 -->
</template>
<script src="path/to/your/script.js"></script>在上述示例中，<script>标签用于引入路径为"path/to/your/script.js"的静态脚本文件。这样，Vue组件就可以使用该脚本中定义的函数、变量等。
腾讯云提供了云计算相关的产品和服务，其中与Vue相关的产品包括云服务器（CVM）、云存储（COS）、云数据库MySQL（CMYSQL）等。您可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
6回答
模板中带有脚本标记的广告[Vue.js]
javascript、html、webpack、vue.js
在我们的项目中，我们以前使用过Thymeleaf，但是现在我们转移到了Vue.js，我们正在使用相同的广告脚本遇到一些问题。剧本看上去像这样。我只是改变了网址。
<script data-adfscript="sub.adcompany.net/asdf/?id=256746"></script>
<script src="//sub.adcompany.net/url/to/advertisement/script.js" async="async" defer="defer"></s
浏览 5提问于2017-08-08得票数 17
1回答
Vue 2单个文件组件不适用于仅运行时构建
typescript、webpack、vuejs2、vue-component
我尝试在运行时只构建的情况下使用单个文件组件。当我使用完整的vue构建时，所有的事情都会像预期的那样工作。我以为单个文件组件是预编译的。当我只使用运行时构建时，为什么不呈现组件。
这是我的设置：
webpack.config.js：
const webpack = require('webpack');
const webpackConfig = {
entry: "./src/main.ts",
output: { filename: "dist/bundle.js" },
resolve: {
alias: {
vue
浏览 1提问于2017-06-21得票数 2
1回答
如何在Laravel中使用Vue.js插件和组件
laravel、vue.js、vue-component
我正在使用Vue.js (在Laravel框架中)，而且我对两者都是新手。我正在尝试理解一些我正在尝试使用的代码的基本概念：
App.js：
import Vue from 'vue';
import Toasted from 'vue-toasted';
Vue.component('toast-alert', require('./components/ToastAlert.vue'));
Vue.use(Toasted);
ToastAlert.vue：
<template>
</template>
浏览 0提问于2018-04-26得票数 0
7回答
VueJs模板。如何加载外部模板
javascript、jquery、angularjs、vue.js
我是Vue.js的新手，我使用AngularJS已经有一段时间了，在angular中我们用来加载模板，例如，
template: '/sometemplate.html',
controller: 'someCtrl'
我们如何在Vue中做这样的事情，而不是像这样在JavaScript中保留大的HTML模板，
new Vue({
el: '#replace',
template: '<p>replaced</p>'
})
这对于小的模板是可以的，但是对于大的模板，这实用吗？
有没有办法加载外部模板H
浏览 2提问于2015-07-26得票数 76
1回答
虚拟DOM让应用程序变得更快还是更慢？
reactjs、vue.js、svelte、virtual-dom
我刚刚阅读了Svelte JS文档，其中提到的三个加分点之一是在这个框架中没有虚拟DOM，这使得我们的应用程序更快、更轻。但我发现一些参考资料说，虚拟DOM是一种加速应用程序和高性能的方法(例如React JS或Vue JS)。那么哪一个理论是正确的呢？谢谢
浏览 28提问于2020-07-24得票数 0
1回答
如何在页面加载时使用方法？VueX
javascript、vue.js、vuex
我正在用Vuex学习Vue，我做了一个叫做‘llamarJson’的方法。这个方法得到一个json数据。我不知道如何在页面加载时使用它。我尝试了很多方法，但我找不到解决方案。我使用的是Vue和Vuex。请你帮我一下好吗？
这是html代码：
<!DOCTYPE html>
<html>
<head>
<title>Vue</title>
<!-- Vue -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.j
浏览 4提问于2020-12-17得票数 1
回答已采纳
2回答
从另一个组件中填充vue多选择下拉列表
vue.js、vuejs3
我目前正在做一个项目，可能需要一些帮助。
我有一个带有端点的后端，它提供了一个包含大约13k条目的字符串数组。我在DropdownSearch.vue中创建了一个组件，它应该在几个不同输入的不同视图上使用。为此，我使用了vueform/multiselect.如果我只尝试在没有任何信息的情况下添加下拉列表，它就会完美地工作。另外，如果我访问端点和console.log()，它将正常工作，并为我提供一个输出。但是，如果我尝试将输出初始化到下拉列表，整个页面将停止工作，端点不会给我一个响应，应用程序就会冻结。
DropdownSearch.vue
<div>
<Mul
浏览 9提问于2021-12-16得票数 0
回答已采纳
1回答
在多开发人员团队环境中分割VUE代码以实现简单
html、vue.js
我想编写如下代码：
index.html-
<html>
<div id="app1">
<button @click="product-list">Click me</button>
</div>
<div id="app2">
<button @click="group-list">Click me</button>
</div>
<script>
impo
浏览 0提问于2019-10-01得票数 0
1回答
如何在NUXT js中设置Flowbite
vue.js、nuxt.js
我从默认的NUXT cli安装了顺风css。现在我想添加一下flowbite [ Flowbite是一个开源的UI组件库，它基于实用工具-框架，包括暗模式支持、Figma设计系统等等。我如何在我自己的应用程序中做到这一点？
package.json
{
"name": "nmdeia",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "nuxt",
"build
浏览 16提问于2022-04-11得票数 2
3回答
Vue.js路由器:在组件就绪时运行代码
javascript、vue.js、vue-router
我正在开发一个带有Vue.js及其官方路由器的单页应用程序。
我使用路由器加载的每个部分都有一个菜单和一个组件(.vue文件)。在每个组件中，我都有一些类似如下的代码：
<template>
<div> <!-- MY DOM --> </div>
</template>
<script>
export default {
data () {},
methods: {},
route: {
activate() {},
浏览 3提问于2016-07-14得票数 3
2回答
Svelte仅限于单页应用程序(SPAs)吗？
javascript、single-page-application、svelte、multi-page-application
Svelte 指出：
Svelte在构建时将应用程序转换为理想的JavaScript，而不是在运行时解释应用程序代码。
..。
它类似于JavaScript框架，如React和Vue.
关于上述问题，我的问题是：
Svelte是否仅限于构建单页应用程序(SPA)，是否可用于创建多页应用程序(MPA)？
浏览 28提问于2022-04-28得票数 1
回答已采纳
1回答
实现在vue.js组件中不工作的表单
javascript、jquery、vue.js、materialize
我是vue.js新手，我想在组件中使用框架制作一个简单的表单，这需要这个jQuery片段才能工作：
$(document).ready(function() {
M.updateTextFields();
});
构成部分是：
<template>
<div>
<div class="row">
<div class="input-field col s6">
<input value="" id="first_
浏览 0提问于2018-09-05得票数 1
1回答
Vue组件在Vuex存储中可用之前访问数据
javascript、vue.js、nuxt.js
我有一个名为ProductArea的组件，它显示从Prismic API加载的产品。加载的产品依赖于用户在侧栏中选择的category。
我正在使用Vuex，并且很难找到一个流，以避免category在我的商店中不可用的情况(category也是从Prismic加载的)。
ProductArea的父级如下所示：
<template>
<div>
<NavBar />
<!-- <Header /> -->
<main>
<div v-if="!$fetchState.p
浏览 2提问于2021-01-08得票数 1
回答已采纳
1回答
是否有可能构建一个独立的Vue应用程序？
javascript、vue.js
有没有可能构建一个Vue应用程序，它在运行时不需要Vue作为依赖项？
也就是说，浏览器不必像这样加载vue.js和应用程序
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://www.myxyzhost.com/my-app.js"></script>
有一个已经包含vue.js的my-app.js，以便在网页中包含脚本成为一个简单的一行？
<script src="http
浏览 1提问于2018-11-02得票数 1
2回答
Vue应用程序中未填充数据
vue.js
我正在尝试通过computed从我的vuex存储中获取一些数据到一个组件中。由于某些原因，它不允许我在几个组件中访问userInfo.uid。它说userInfo.uid是undefined，尽管VueTools清楚地表明它已经成功导入。不确定为什么会发生这种情况。例如，这里有一个测验组件，我试图从我的vuex存储中获取userInfo数据，这样我就可以使用它来访问firebase引用中的一些数据。
我不能使用this.$store.state访问我的vuex状态吗？当我这样做时，它也抛出了一个错误。无论如何，下面的代码让我有95%的时间是未定义的。除了随机的，它会给出userId，然后我重新
浏览 1提问于2016-11-17得票数 1
1回答
不管“延迟”参数如何，Vue异步组件都是不延迟地加载的。
asynchronous、vuejs2、vue-component、async-components
在加载应用程序后，我使用加载async component。因此，我尝试了以下代码：
Index.vue
<template>
<div class="">
<Async></Async>
</div>
</template>
<script>
// async component
import LoadComp from '@/components/Loading'
import ErrorComp from '
浏览 3提问于2017-10-06得票数 2
回答已采纳
1回答
如何将v-for索引传递给其他组件
vue.js、vue-component、v-for
我正在和Vue一起做一个购物车应用。这是products组件。我已经从api获取了数据。我想在购物车里展示所选的产品。
<template>
<div id="products" >
<div id="container">
<div v-for="(product,index) in products " :key="index" id="product" >
<img :src="pro
浏览 3提问于2021-05-14得票数 0
1回答
类星体框架中Vue组件中的jQuery函数
javascript、jquery、vue.js、dollar-sign、quasar-framework
我刚开始使用web应用程序开发，我有一些关于jQuery和Vue的基本查询，但我似乎找不到答案。我有一个用类星体框架制作的应用程序，它经常使用如下功能引用：
- {{ $t("refer to some variable in another Vue component") }}
- $v.form.username.$touch
- $customVueComponent
- this.$q
等等，这些都在Vue组件的“模板”和“脚本”部分中使用。我对Javascript很熟悉(至少我以为我是这样的)，但是我对jQuery不太了解。据我所知，这些功能引用是在jQuery中构建
浏览 1提问于2018-12-04得票数 0
回答已采纳
1回答
在Vue中只导入每个组件所需的组件是一个好主意吗？
javascript、performance、vue.js
我想知道在Vue中只导入每个组件所需的依赖关系对性能是否有好处，还是某些组件中使用的所有依赖项都应该全局加载？Vue是如何编译组件的？是在加载应用程序的一个页面时，所有这些组件都被加载，还是组件也正在加载？
更具体的：
这样做更好吗？
<template>
... Some template code
</template>
<script>
import { MdDialog, MdContent, MdButton } from 'vue-material/dist/components'
export def
浏览 3提问于2018-09-18得票数 1
回答已采纳
1回答
如何将VueJS应用程序插入到现有页面中？
javascript、vue.js、vuejs2
在这个项目中，我正在做的是一个遗留的服务器呈现的网页，一些组件出现了我被指派修复的问题，我说服团队在Vue中重写这些部件，以启动我们的迁移。
我用Vue CLI提供的Webpack模板编写了整个迷你应用程序，它的工作就像一种魅力.在特定的环境中。
如果我是npm run build，那么构建的index.html在静态服务器中也可以正常工作。
然而，我似乎不能将该应用程序包含在由许多其他元素组成的现有页面中。难道不应该像将<div id='myApp'></div>元素添加到HTML并加载生成的JS文件那样简单吗？
如果有帮助的话，遗留应用程序是一个使用
浏览 0提问于2018-03-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
