成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

vue項(xiàng)目中如何在外部js文件中直接調(diào)用vue實(shí)例——比如說this

hover_lew / 1504人閱讀

摘要：一般我們都是在中引入，然后在文件中直接使用指向的是實(shí)例，但是在實(shí)際開發(fā)中，我們往往會(huì)引入外部的文件使用，這個(gè)就會(huì)指向，并不是我們期待的實(shí)例，那么就需要重新引入文件這樣很麻煩。在目前項(xiàng)目中我使用的方法是導(dǎo)出實(shí)例，然后在需要使用的中引入。

一般我們都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue實(shí)例），但是在實(shí)際開發(fā)中，我們往往會(huì)引入外部的js文件使用this，這個(gè)this就會(huì)指向window，并不是我們期待的vue實(shí)例，那么就需要重新引入vue文件（import Vue from "vue"）,這樣很麻煩。在目前項(xiàng)目中我使用的方法是mian.js導(dǎo)出vue實(shí)例，然后在需要使用的js中引入。
步驟一：main.js導(dǎo)出vue實(shí)例

var vue = new Vue({
  el: "#app",
  router,
  components: { App },
  template: ""
})
export default vue

步驟二、在需要使用的js中引入

import context from "../main.js"
context.$router.push("/login")

參考地址：
https://blog.csdn.net/weixin_...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/103947.html

相關(guān)文章

  • 基于 Vue 的后臺(tái)管理系統(tǒng)前端實(shí)踐

    摘要：輸入框內(nèi)容過濾產(chǎn)品有一個(gè)需求是，在搜索用戶信息時(shí)，只能通過郵箱搜索，并且只能輸入字母數(shù)字以及。我選擇了輸入框的值這里的坑就是需要在中更新值，因?yàn)樵剡@時(shí)才刷新。是否有一定要用的必要類似的管理系統(tǒng)涉及到不同頁(yè)面之間的交互都很少。 初始化項(xiàng)目 使用 Vue-cli3 初始化項(xiàng)目1 安裝 Element UI安裝 Vue-i18n，做相關(guān)配置2,3 原則上需要對(duì) Element 也做 I18...

    scwang90 評(píng)論0 收藏0

  • vue2實(shí)踐（持續(xù)更新）

    摘要：記錄一些小技巧和踩過的坑由于本篇文章內(nèi)容太多，導(dǎo)致編輯器有點(diǎn)卡，所以新開辟了一篇實(shí)踐二，后續(xù)再這里更新。組件的生命周期函數(shù)是在標(biāo)簽里的數(shù)據(jù)發(fā)生變化時(shí)候觸發(fā)數(shù)據(jù)可能更新了，但是沒有綁定到上面的話，不會(huì)調(diào)用鉤子函數(shù)。 記錄一些小技巧和踩過的坑 由于本篇文章內(nèi)容太多，導(dǎo)致SF編輯器有點(diǎn)卡，所以新開辟了一篇 vue2實(shí)踐（二），后續(xù)再這里更新。 1. props 帶不帶冒號(hào)的區(qū)別 ...

    n7then 評(píng)論0 收藏0

  • VueJS中學(xué)習(xí)使用Vuex詳解

    摘要：在單頁(yè)面組件的開發(fā)中的和的都統(tǒng)稱為同一狀態(tài)管理，個(gè)人的理解是全局狀態(tài)管理更合適簡(jiǎn)單的理解就是你在中定義了一個(gè)數(shù)據(jù)之后，你可以在所在項(xiàng)目中的任何一個(gè)組件里進(jìn)行獲取進(jìn)行修改，并且你的修改可以得到全局的響應(yīng)變更。 在SPA單頁(yè)面組件的開發(fā)中 Vue的vuex和React的Redux 都統(tǒng)稱為同一狀態(tài)管理，個(gè)人的理解是全局狀態(tài)管理更合適；簡(jiǎn)單的理解就是你在state中定義了一個(gè)數(shù)據(jù)之后，你可以...

    JessYanCoding 評(píng)論0 收藏0

  • VueJS中學(xué)習(xí)使用Vuex詳解

    摘要：在單頁(yè)面組件的開發(fā)中的和的都統(tǒng)稱為同一狀態(tài)管理，個(gè)人的理解是全局狀態(tài)管理更合適簡(jiǎn)單的理解就是你在中定義了一個(gè)數(shù)據(jù)之后，你可以在所在項(xiàng)目中的任何一個(gè)組件里進(jìn)行獲取進(jìn)行修改，并且你的修改可以得到全局的響應(yīng)變更。 在SPA單頁(yè)面組件的開發(fā)中 Vue的vuex和React的Redux 都統(tǒng)稱為同一狀態(tài)管理，個(gè)人的理解是全局狀態(tài)管理更合適；簡(jiǎn)單的理解就是你在state中定義了一個(gè)數(shù)據(jù)之后，你可以...

    qc1iu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<