草庐IT

vue打包

全部标签

javascript - 嵌套的 vue.js 实例/元素

这听起来像是一个真正的菜鸟问题,但我对MVVM还是JS中的MVC还是很陌生,所以提前道歉。我正在尝试使用vue.js,到目前为止我很喜欢它的简单性。但对于我正在尝试做的事情,我认为我需要以不同的方式去做。我想将Vue实例/元素嵌套在彼此内部,但是当然,父级将在初始化时读取DOM时使用子级。为了论证,下面是我的意思的一个例子,我没有做这样的事情,但这是举例说明我的意思的最简单的方法:{{message}}{{message}}例如我的JS将是:newVue({el:"body",data:{message:"I'mtheparent"}});newVue({el:"#another",d

javascript - 为什么 TypeScript 会在 IIFE 中打包一个类?

这是一个TypeScript类:classGreeter{publicstaticwhat():string{return"Greater";}publicsubject:string;constructor(subject:string){this.subject=subject;}publicgreet():string{return"Hello,"+this.subject;}}当TS以ES5为目标时,它被转译为IIFE:varGreeter=/**@class*/(function(){functionGreeter(subject){this.subject=subject;

javascript - 你如何在 glsl/webgl 中将一个 32 位的整数打包成 4 个、8 位的整数?

我希望并行化一些复杂的数学运算,而webgl看起来是实现它的完美方式。问题是,您只能从纹理中读取8位整数。理想情况下,我希望从纹理中获取32位数字。我想到了使用4个颜色channel来获得每像素32位,而不是4乘以8位。我的问题是,glsl没有“%”运算符或任何按位运算符!长篇大论:如何使用glsl中的运算符将32位数字转换为4个8位数字。有关该技术的一些额外信息(使用按位运算符):Howtostorea64bitintegerintwo32bitintegersandconvertbackagain 最佳答案 您可以通过乘/除以2

javascript - Vue 模板或渲染函数尚未定义,但我两者都没有使用?

这是我的主要javascript文件:importVuefrom'vue'newVue({el:'#app'});我的HTML文件:使用运行时构建的Vue.jsWebpack配置:alias:{'vue$':'vue/dist/vue.runtime.common.js'}我仍然遇到这个众所周知的错误:[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.(foundinrootinstance)为什么当我在挂载Vue的#appdiv中什至没有任何东西时,我仍然收到渲染/模板错误?它说foundinroo

javascript - Vue-路由器错误: TypeError: Cannot read property 'matched' of undefined

我正在尝试编写我的第一个Vuejs应用程序。我正在使用vue-cli和simple-webpackboilerplate.当我将vue-router链接添加到我的应用程序组件时,我在控制台中收到此错误Errorinrenderfunction:"TypeError:Cannotreadproperty'matched'ofundefined"这是我的代码:App.vueLinksHomeQueryexportdefault{}ma​​in.jsimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)impor

javascript - 如何打包 Github 的 Atom 编辑器以嵌入网页?

Github最近发布了他们的开源Atom编辑器。由于都是用JavaScript编写的,嵌入起来应该比较容易。不幸的是,除了节点和与Atom版本捆绑在一起的Chromium自定义版本之外,它看起来无法在任何地方运行。有谁知道我将如何为浏览器打包Atom?有没有人已经尝试过这个? 最佳答案 Atom.io是您下载的编辑器,您不能将它嵌入到网页中。我认为您正在寻找的是Prose.io之类的东西.您可以使用Github登录并编辑存储库中的文件。不幸的是,Prose的界面与其他编辑器不同。我不确定它嵌入的有多干净,但它看起来是最好的起点。该项

javascript - Vue js 2-无法安装组件 : template or render function not defined

我有一个组件:我想使用vue-mask-inputplugin作为子组件:这是整个组件:OverviewBorn{{player.birthday}}-->Club{{player.club}}Position{{player.position}}Height{{player.height}}Weight{{player.weight}}kgFoot{{player.foot}}Agent{{player.agent}}Athleticperformance40mtime4.3s100mtime11.1sVerticaljump65cmimportMaskedInputfrom'vue

javascript - Axios/Vue - 防止 axios.all() 继续执行

在我的应用程序中,为了对用户进行身份验证,我调用了fetchData函数。如果用户token无效,应用程序将运行axios.all(),我的拦截器将返回大量错误。如何防止axios.all()在第一个错误后继续运行?并且只向用户显示一条通知?拦截器.jsexportdefault(http,store,router)=>{http.interceptors.response.use(response=>response,(error)=>{const{response}=error;letmessage='Ops.Algodeerradoaconteceu...';if([401].i

javascript - Vue JS 返回 [__ob__ : Observer] data instead of my array of objects

我创建了一个页面,我想在其中通过API调用从数据库中获取我的所有数据,但我对VueJS和Javascript也有点陌生,我不知道我在哪里弄错了。我确实使用Postman对其进行了测试,我得到了正确的JSON。这是我得到的:[__ob__:Observer]length:0__ob__:Observer{value:Array(0),dep:Dep,vmCount:0}__proto__:Array这就是我想要的:(140)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…

javascript - 在 Vue.js 中包含全局函数

在我的Vue.js应用程序中,我想要一些全局函数。例如,每次我需要访问数据时都可以调用的callApi()函数。包含这些函数以便我可以在我的所有组件中访问它们的最佳方法是什么?我应该创建一个文件functions.js并将其包含在我的main.js中吗?我应该创建一个Mixin并将其包含在我的main.js中吗?有更好的选择吗? 最佳答案 我有一个功能类似于func.js的文件像下面一样exportconstfunc={functionName:(data)=>{returnsomething}}在main.js中添加2个字符串im