草庐IT

vuejs-ssr-typescript

全部标签

javascript - VueJS 组件

我想使用VueJS组件来清理我的脚本。因此,我为加载到Laravel中的每个页面都有一个组件。到目前为止一切正常。但是我在将当前脚本逻辑传输到组件时遇到了问题。这是导入要使用的组件的当前脚本设置:ma​​in.jsimportHomeViewfrom'./components/HomeView.vue';importIncidentViewfrom'./components/IncidentView.vue';window.app=newVue({el:'.content',components:{HomeView,IncidentView},methods:{//InitGISini

javascript - ECMAScript 6 在对象解构中扩展了语法。支持 TypeScript 和 Babel

以下是有效的ECMAScript6吗?最新版本的Babel似乎支持它,但TypeScript不支持它。我找不到任何处理这种情况的ES6引用资料。vara={foo:'foo'};varb={...a}; 最佳答案 不,这不是有效的ECMAScript6。ES6只支持函数参数和数组解构中的剩余语法,以及函数调用和数组构造中的扩展语法。ItseemstobesupportedbythelatestversionofBabelBabel确实实现了objectRestSpreadES7proposal作为experimentalplugin

javascript - Vuejs typescript this.$refs.<refField>.value 不存在

在用typescript重写我的VueJs项目时,我遇到了TypeScript错误。这是具有自定义v模型的组件的一部分。html中的输入字段有一个名为“plate”的引用,我想访问它的值。该字段上的@input调用下面编写的更新方法。Typescript提示盘子上不存在值。@Prop()value:any;update(){this.$emit('input',plate:this.$refs.plate.value});}模板:Plate 最佳答案 你可以这样做:classYourComponentextendsVue{$refs

javascript - typescript TS2322 : Type 'typeof Foo' is not assignable to type 'IFoo'

我正在尝试使用ES2015模块语法和TypeScript组合一些类。每个类在.d.ts文件中实现一个接口(interface)。这是问题的MWE。在.d.ts文件中我有:interfaceIBar{foo:IFoo;//...}interfaceIFoo{someFunction():void;//...}我的导出是://file:foo.tsexportdefaultclassFooimplementsIFoo{someFunction():void{}//...}//noerrorsyet.我的导入是:importFoofrom"./foo";exportclassBarimple

javascript - 在 TypeScript 中使用 Raphael JavaScript 库

是否可以在TypeScript中使用JavaScript库?例如我想使用Raphael在TypeScript中并将JS文件添加到我的/scripts文件夹并将它们添加到_references.js。但是当我想在我的TS文件中声明时:varr=Raphael(10,50,640,480);Intellisense总是说:Raphaeldoesnotexistinthecurrentscope.并且TS文件不编译。 最佳答案 这一行是环境声明:declarevarRaphael:any;虽然它有效,但您无法真正打字。项目Definite

javascript - react typescript 打字不起作用

通过打字安装后,我在终端中收到以下错误终端错误errorTS2320:Interface'Element'cannotsimultaneouslyextendtypes'ReactElement'and'ReactElement'.Namedproperty'type'oftypes'ReactElement'and'ReactElement'arenotidentical.ERRORin/Users/ajvivek/Dev/ES6/motionize-code/typings/globals/react/index.d.ts(2375,5):errorTS1036:Statement

javascript - typescript 声明第三方模块

我怎样才能声明一个像这样的第三方模块:在第三方模块中:module.exports=functionfoo(){//dosomthing}在我的代码中:import*asfoofrom'foo-module';//Cannotfindadeclarationmodulefor...foo(); 最佳答案 查看documentationonworkingwith3rdpartymodules.如何编写声明在很大程度上取决于模块的编写方式及其导出的内容。您给出的示例是一个CommonJS模块(module.exports=...),它实

javascript - TypeScript 中 'this' 的作用域

我有一个非常简单的类,但在Typescript中定义“this”时已经遇到了麻烦:typescript//////moduleProblem{exportclassIndex{detailsUrl:string;constructor(){$('.problem-detail-button').click((e)=>{e.preventDefault();var$row=$(this).closest('tr');//thismustbethatofthecallbackvarproblemId:number=$row.data('problem-id');$.ajax({url:th

javascript - 在与 TypeScript 的 react 中使用状态

我是TypeScript的新手。我在显示this.state.something时遇到问题在render方法中或将其分配给函数中的变量。看看最重要的一段代码:interfaceState{playOrPause?:string;}classPlayerextendsReact.Component{constructor(){super();this.state={playOrPause:'Play'};}render(){return(this.playPause=playPause}title={this.state.playOrPause}//inthislineIgetanerr

javascript - 是否可以将 ES5 JavaScript 与 Angular 2 而不是 TypeScript 一起使用?

是否需要为Angular2学习TypeScript?Angular2可以与纯JavaScript一起使用吗?编辑:我看到像ES6、ES7、Dart这样的语言会编译成JavaScript来执行,但我还没有看到任何直接使用ES5JavaScript的引用。 最佳答案 是的,你可以。去读这个guide.按代码示例上的ES5选项卡将显示与TypeScript相对的常规ES5JavaScript。APIpreview但是,由于显而易见的原因,它是不完整的。所以你可能还没有找到那里列出的ES5方法,其中一些可能会在发布前发生变化。ES5中Ang