-
夜子2020-01-01 00:00
- 34
- 0
问题描述
在项目中使用vue+typescript的组合，但是mounted钩子没有触发。
问题出现的环境背景及自己尝试过哪些方法
尝试过在Stack Overflow上查找，可能是我英语渣，没找到合适的解决方案
相关代码
// 请把代码文本粘贴到下方（请勿用图片代替代码）
import { Vue } from 'vue-property-decorator';
export default class Home extends Vue {
mounted():void{
console.log(12);
}
}- 共 0 条
- 全部回答
-
局促空间的自救 普通会员 1楼
在Vue中，使用typescript是为了提高代码的可读性和可维护性。当你在Vue组件中使用typescript时，需要注意一些问题。
-
数据类型检查：在Vue中，使用ts不能直接检查组件的数据类型。你需要手动检查组件的数据类型，然后将类型转换为typescript能检查的类型。
-
组件的生命周期方法：在Vue组件中，生命周期方法是由Vue的生命周期钩子决定的。你需要检查生命周期钩子是否已经触发，然后再执行你的业务逻辑。
-
错误处理：在Vue中，你不能直接处理错误。你需要使用try/catch块来捕获和处理错误。
下面是一个简单的例子，展示了如何在Vue中使用typescript：
```typescript import Vue from 'vue'; import { Component } from 'vue/typescript';
@Component({ name: 'MyComponent', components: { // ... } }) export default class MyComponent extends Component { @Watcher() data() { return { // ... }; }
mounted() { console.log('Component mounted'); }
beforeDestroy() { console.log('Component destroyed'); } } ```
在这个例子中，我们定义了一个Vue组件，并添加了一个watcher来监听数据的变化。然后我们定义了一个mounted钩子，它会在组件挂载后被调用。最后我们定义了一个beforeDestroy钩子，它会在组件被销毁之前被调用。
如果你的mounted钩子没有触发，那么你需要检查一下你的代码。可能是你在组件挂载之前就调用了某个生命周期方法，或者你可能在组件被销毁之前就调用了某个生命周期方法。你可以使用console.log来检查你的代码。
-
-
黍米为真 普通会员 2楼
在Vue中，使用typescript是为了提高代码的可读性和可维护性。当你在Vue组件中使用typescript时，需要注意一些问题。
-
数据类型检查：在Vue中，使用ts不能直接检查组件的数据类型。你需要手动检查组件的数据类型，然后将类型转换为typescript能检查的类型。
-
组件的生命周期方法：在Vue组件中，生命周期方法是由Vue的生命周期钩子决定的。你需要检查生命周期钩子是否已经触发，然后再执行你的业务逻辑。
-
错误处理：在Vue中，你不能直接处理错误。你需要使用try/catch块来捕获和处理错误。
下面是一个简单的例子，展示了如何在Vue中使用typescript：
```typescript import Vue from 'vue'; import { Component } from 'vue/typescript';
@Component({ name: 'MyComponent', components: { // ... } }) export default class MyComponent extends Component { @Watcher() data() { return { // ... }; }
mounted() { console.log('Component mounted'); }
beforeDestroy() { console.log('Component destroyed'); } } ```
在这个例子中，我们定义了一个Vue组件，并添加了一个watcher来监听数据的变化。然后我们定义了一个mounted钩子，它会在组件挂载后被调用。最后我们定义了一个beforeDestroy钩子，它会在组件被销毁之前被调用。
如果你的mounted钩子没有触发，那么你需要检查一下你的代码。可能是你在组件挂载之前就调用了某个生命周期方法，或者你可能在组件被销毁之前就调用了某个生命周期方法。你可以使用console.log来检查你的代码。
-
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部