将Typescript与Laravel和Vue.js一起使用时，导入不能用于Vue组件？
在使用Typescript与Laravel和Vue.js一起开发时，导入不能直接用于Vue组件的原因是由于Vue.js使用的是单文件组件（.vue文件），而Typescript默认只支持导入.ts或.tsx文件。
要解决这个问题，可以通过以下几种方式来处理：
- 使用Vue Property Decorator库：Vue Property Decorator是一个用于在Vue组件中使用装饰器语法的库，它可以让我们在Vue组件中使用Typescript的装饰器语法。通过使用该库，我们可以在Vue组件中使用Typescript的导入语法。具体使用方法可以参考官方文档：Vue Property Decorator
- 使用Vue Class Component库：Vue Class Component是一个用于在Vue组件中使用类语法的库，它可以让我们在Vue组件中使用Typescript的类语法。通过使用该库，我们可以在Vue组件中使用Typescript的导入语法。具体使用方法可以参考官方文档：Vue Class Component
- 使用Vue.extend方法：Vue提供了Vue.extend方法，可以用于创建一个扩展了Vue构造函数的子类。我们可以使用Typescript的导入语法导入Vue.extend方法，并在组件中使用它来扩展Vue构造函数。具体使用方法可以参考Vue官方文档：Vue.extend
综上所述，以上是解决在使用Typescript与Laravel和Vue.js一起开发时，导入不能直接用于Vue组件的几种方法。根据具体需求和项目情况，选择适合的方法来解决该问题。
相关·内容
几个月前，我和Laravel开始了一个项目，为了一个特定的功能: jQuery (超过6-7k行)，我放弃了，因为我对jQuery的可维护性一点也不满意。将有一些功能，如会员帐户，新闻和这个应用程序。我切换到React从头开始构建这个应用程序，但我想要由Laravel管理的网站的其他功能(我不需要任何JavaScript)。我的问题是:用一些id来管理我的React组件，为这个应用程序构建一些刀片视图(主页，账户)和一个视图(application.blade.php)，这样可以吗？
浏览 2提问于2019-01-09得票数 0
我正在尝试写一个带有Laravel后端的Vue SPA，同时也使用Typescript而不是Raw Javascript。我想我在思考某些事情时遇到了麻烦，主要是围绕typescript。显然，我需要Axios，所以我尝试导入它并将其绑定到我的bootstrap.ts文件中的窗口，方法与在Laravel的默认bootstrap.js文件中类似。/docs/csrf#csrf-x-csrf-token')
} 然后将其导入到
浏览 39提问于2020-03-22得票数 1
有没有办法使用Spring和Vue.js创建多个页面的web应用程序？我曾经与Laravel一起工作，它允许在刀片文件中使用vue组件，这就是为什么我发现关于Spring和Vue.js的所有教程只用于创建单个页面应用程序的原因。
浏览 7提问于2021-12-24得票数 1
回答已采纳
我们将使用Laravel和VueJ启动一个项目。我们需要的是我们是将VueJ作为单独的安装，还是在Laravel安装中使用。这样会更好。还有一件事，我们正在计划，对于所有的小页面，我们使用的是拉里->刀片，对于需要时间加载的大页，我们认为我们使用的是VueJs和Laravel。这样行吗。对于以上两个问题，可以提出一些建议吗？
浏览 6提问于2020-07-09得票数 1
我在laravel 5.7中几乎完成了我的管理面板，但是需要为一些组件使用VueJS。我知道Vue默认是随laravel一起提供的，并且还看到了laravel中resources/js目录下的app.js文件。但是，有没有可能我可以使用我下载的Vue.js文件，并将其与脚本标签一起导入？我尝试将脚本和vue代码放在刀片文件中，但它与laravel
浏览 0提问于2019-04-15得票数 0
1回答
我是Laravel和Vue.js的新手，正在尝试用Vue + Blade设置Typescript。每当我访问我的刀片视图时，它将只加载没有任何刀片模板的组件。app.tsimport ListClubsComponent from "./components/clubs/list-clubs.vue";
new <e
浏览 2提问于2019-12-04得票数 0
我正在将我的Vue.js组件迁移到TypeScript。在之后，我尝试使用Vue.extend()作为组件。x is reactive property };在上面的例子中，我有属性x是反应性的，y是非反应性的.但是，由于增强在y中的工作方式，我无法使属性TypeScript的类型推断工作起来。我不能使用简单的对象导出来定义我的组件，因为它开始为y和x抛出类型
浏览 1提问于2018-01-03得票数 12
回答已采纳
1回答
有两个npm项目-web(库)和UI。需要:将这两个项目结合起来.
问题是这个。gRPC使用CommonJS样式(但是可以使用闭包，可以使用TypeScript )。因此，从*.js生成的*.proto文件将具有导入- require ('grpc-web')；导出- module.exports = ...的样式。但是<em
浏览 2提问于2019-10-24得票数 0
1回答
我正在Laravel中做一个项目，我最初将Vue js作为一个脚本集成在这样的刀片视图中，用CDN导入Vue。在项目的开发中，我需要添加一个组件(微小的mce - wysiwyg)。为此，我不得不使用Laravel，以便将组件加载到视图中。我不能将Vue实例从刀片文件移动到app / js文件中，因为它与php代码
浏览 11提问于2021-11-02得票数 0
我试图让Visual中的Vue.js 2.0类型与TypeScript一起工作。我已经了解到，这些类型文件可能是通过导入/导出来使用的？没有任何其他类型的文件是这样使用的，所以我不知道如何正确地实现这些类型，这样它们就可以在全球范围内用于我的项目。我确实尝试将导出的类导入global，如下所示：
import * as _Vue from ".指定为类型，也不能执行Vue以外的任
浏览 10提问于2017-03-07得票数 16
回答已采纳
1回答
Vue.js -不能使用布拉齐
、、、、
我想使用Blazy包在我的Vue.js项目中延迟加载映像。我通过npm安装了它，但是我不能导入并使用它。我将这段代码放入App.vue的App.vue方法中组件中用于显示具有图像的项的代码：
<img src="placeholder" :data-src="image-src" class="w-100 rounded" :al
浏览 2提问于2018-11-03得票数 1
回答已采纳
我是从Vue.js开始的。我遇到的第一个问题是我的集成开发环境(Atom)没有美化我的.vue文件。这都是白文。
如何才能让Atom正确地突出显示.vue文件？
浏览 0提问于2017-07-21得票数 22
回答已采纳
我是新来Laravel的。我正在开发一个应用程序，这将是一个网络(laravel8 + vue.js) +移动应用程序(安卓)。应用程序在web和移动应用程序上都有后端和前端。这意味着我需要web应用程序的路由来管理后端和前端，以及API路由来管理它们。所以，我在想，我应该如何在Laravel中构建我的代码，以减少代码冗余，以及什么是规划我的项目DIR结构，路由等的最佳方法。 谢谢。
浏览 15提问于2021-03-24得票数 0
1回答
我目前有三个独立的应用程序，两个前端运行与vue.js和一个后端应用程序，与拉里租赁，只有服务的API，没有前端。
主基URL或后端url设置为example.com，这是租赁应用程序。secure.example.com的另一个域设置指向另一个vue应用程序，我们在其中注册。效果很好。现在，我在vue.js上有了第三个应用程序，用于租户的应用程序，它指向任何指向*.example.com的内容，租约的工作方式是，必须将通配符&目录设置为安装租赁的主应用程序，这
浏览 2提问于2019-02-25得票数 0
我正在使用引导和Vue.js作为一个网络应用程序。但是我不能在Vue组件中使用引导表css。当我写 <tr class='active'> <td>holder</td></table>
在Vue组件之外，css但是，当我在V
浏览 4提问于2016-11-18得票数 8
回答已采纳
我正在使用Vite/Vue3 3(如果有关系的话，可以使用TypeScript)，我想使用以下Vue2组件：import JSONView from 'vue-json-component:'baz'}" root-key="root" class="tree" />✘ [ERROR] No matching export i
浏览 37提问于2022-04-01得票数 3
1回答
基于，当与转换值的input事件处理程序一起使用时，输入无法与绑定值同步：new Vue({<script src="https://unpkg.com/vue@2.7.10/dist/vue.js</e
浏览 5提问于2022-09-18得票数 0
我一直在对Vue.js项目中的单个文件组件进行一些重构。最初，我在我的主Vue.component()文件中使用了app.js方法，以要求许多单个文件组件，这些组件仅作为其他父组件的子组件使用一次。因此，我决定将它们导入到相应的父组件中，以使事情更加简洁和有组织，而不是在app.js中要求它们。
然后，我注意到一个方法比另一个方法创建了一个更大的编译文件。注意下面示例中的“大小”。我编译的SettingsMenu中的
浏览 0提问于2018-02-08得票数 0
好了，我才刚刚开始使用vue.js。我已经在现有的Visual Studio2017解决方案中添加了一个TypeScript vue.js项目。开箱即用，效果非常好。我已经找到了3到4个教程，但它们都不能与我已经拥有的内容相匹配，以使它们具有适应性，而且我很难在vue.js的文档中找到我需要的内容。
这是路由器/index.js文件：有了所有这些，下面是浏览器中呈现的内容：这
浏览 29提问于2018-08-30得票数 0
回答已采纳
2回答
我有一个与Laravel和Vue.js的项目，我使用scss。我想将新字体添加到我的项目中，但我不能这样做。{my-domain}/Proxima-Nova-Bold.otf net::ERR_ABORTED@import '../../../fonts/fonts.scss';let mix = require(
浏览 107提问于2018-07-26得票数 11
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
