草庐IT

vuejs-ssr-typescript

全部标签

javascript - Typescript es6 模块重新导出可变变量绑定(bind)

我正在尝试使用es6模块语法重新导出变量,然后更改它并查看最终导入中反射(reflect)的更改。但它没有按预期工作。请参见下面的示例:a.tsexportvara=1;exportfunctionchangeA(){a=2;}b.tsexport*from'./a';c.tsimport{a,changeA}from'./b';console.log(a);//1changeA();console.log(a);//Expected2butget1tsconfig.json{"compilerOptions":{"target":"es5","module":"commonjs","

javascript - 无法转换包含异步等待的 TypeScript

当尝试转译以下包含async和await关键字的TypeScript代码时asyncfunctionfoo(){awaitbar();}出现以下错误src/aa.ts(1,7):errorTS1005:';'expected.src/aa.ts(2,11):errorTS1005:';'expected.结果是一个包含此内容的.js文件async;functionfoo(){await;bar();}我正在使用这些tsc选项:-tes6-mcommonjs,遵循thisMSDNblog上的说明.我安装了TypeScript1.8.9。有什么想法吗? 最佳答案

javascript - 如何在 TypeScript 中键入带有类的数组?

我有一个应用程序,它通过运行其方法.init(params)进行初始化,如下所示:app.init([TopBar,StatusBar,MainArea]);其中TopBar、StatusBar和MainArea是类,而不是类的实例。这些类中的每一个都实现相同的接口(interface)IComponent。我想从.init(params)方法中传递的类中实例化对象,如下所示:init(params:IComponent[]):void{params.map(function(component){letcomp=newcomponent();this.components[comp.

javascript - 在 TypeScript 中定义 js-data 资源

是否可以使用TypeScript类创建js-data资源定义?我通常想要的是对计算属性和实例方法定义提供完整的类型支持。像这样的东西会很棒:classSomeModel{publicsomeBusinessModelValue='foo';publicsomeMoreValues='bar';publicgetsomeComputedProperty(){returnthis.someBusinessModelValue+someMoreValues;}publicinstanceMethod(param:string){returnthis.someMoveValues.search

javascript - Typescript:如何解析 node.js 的绝对模块路径?

我需要根据baseUrl解析模块,以便输出代码可用于node.js这是我的src/server/index.tsimportexpress=require('express');import{port,databaseUri}from'server/config';...这是我的src/server/config/index.tsexportconstdatabaseUri:string=process.env.DATABASE_URI||process.env.MONGODB_URI;exportconstport:number=process.env.PORT||1337;运行ts

javascript - Vuejs - 什么时候应该初始化 jquery 插件

我有一些需要初始化的JQuery插件,通常这可以使用$(document).ready(function(){})完成,但是在内部执行时这似乎不起作用一个vue组件created事件。考虑到这一点,我使用了this.$nextTick(function(){})但这似乎不适用于在子组件上引入的元素。例如,我这样做:created:function(){this.$nextTick(function(){window.materialadmin.AppOffcanvas.initialize()})}我有一个在子组件中引入的按钮,但上面代码附加的onclick处理程序不会触发。如果我这样

javascript - VueJS 自定义指令函数作为参数

我有一个简单的指令:HTML:varapp=newVue({el:"#app",data:{files:[],},methods:{greet:function(arg){alert(arg);},},});JS:Vue.directive('sample',{bind:function(el,binding,vnode){el.addEventListener('...',function(){//...callback.call(arg,...);});},});但是,我不清楚获取函数和求值的适当语法。在指令中执行此操作的正确方法是什么? 最佳答案

javascript - Vuejs Router,JavaScript代码的条件加载

我正在将VueRouter集成到我的应用程序中。在我的一个组件中,我正在使用一些js代码,我不想在另一条路线上加载或出现这些代码?例子compA.vueconsole.log('hello')app.com/a->IshouldseeconsolelogHello.app.com/b->whenIaccessthisIshouldnotseehellointheconsole.编辑:根据回复进行澄清。我有两个组件,每个组件都有自己的生命周期Hook,所以我不需要设置逻辑来触发基于组件的函数...如果用户访问compA并且函数触发并产生一些副作用,当我访问compB时,我希望没有类似于传

javascript - v-on ="..."语法在 VueJS 中是什么意思?

我遇到了v-dialogcomponent的Vuetify示例它有一个名为activator的作用域插槽,定义如下:ClickMe我了解scopedslotsfromVueJSdocs的目的和destructuringslotprops的概念但我不明白这个例子中v-on="on"是什么意思。特别是当未使用v-on指令指定事件时,这意味着什么?VueJSdocsonv-on仅显示其与明确指定的事件名称(例如v-on:click="...")结合使用,但没有解释将其用作v-on="..."。有人可以解释这种语法及其在Vuetify示例中的用法吗? 最佳答案

javascript - 使用 Typescript 和 requirejs 时我应该把我的 Knockout.js 扩展放在哪里

我正在将一些javascript代码移植到typescript并使用requirejs。我有一个config.ts://fileconfig.ts//////require.config({baseUrl:'/scripts/App/',paths:{'jQuery':'/scripts/jquery-1.9.1','ko':'/scripts/knockout-2.2.1','signalR':"/scripts/jquery.signalR-1.0.1",},shim:{jQuery:{exports:'$'},signalR:{deps:["jQuery"]},ko:{deps: