vue

1/258ページ

angular.jsとvue.jsで関数デバウンスを実装するためのデバウンス

問題の説明 検索入力ボックスでは、ユーザーが入力を停止した後でのみ、Http要求の開始などの後続の操作が実行されます。 電子回路を勉強した学生はボタンの揺れを知っているはずです。 原則は同じです。すなわち、アクションがnミリ秒間呼び出されたときにアクションが実行されます。アクションがnミリ秒以内に再度呼び出されると、実行時間が再計算されます。 この記事では、angular.jsとvue.jsのユーザー入力にアンチシェイクを実装する方法に […]

Vueカスタムディレクティブを使用してSelectコンポーネントを実装する

この記事では非常にシンプルなSelectコンポーネントを書くことを教えてくれますが、おそらく多くの人がSelectを書いているのはあまり一般的ではありませんが、この記事の例ではVueのカスタム指示を使っていますあなたがそれに慣れているなら、この記事はあなたに何かを得るかもしれません! 完了したレンダリングは次のとおりです。 まず、簡単にレイアウトしましょう: <template> <div class="select" […]

カルマ+ webpackの例vueユニットテスト環境を設定する方法

私は最近、vueコンポーネント自動化テストのシェアを行いました。次に、vueコンポーネントのテスト環境構築プロセスを構成します。 今回構築したテスト環境は開発環境から分離されているため、理論的にはvueを使用するすべての開発環境に適用できます。 準備する この記事の焦点はテスト環境を構築することです。だから私はwebpack vue開発環境を書きました。 コードアドレス: https : //github.com/MarxJiao/vu […]

Vue + muiは、イメージのローカルキャッシュのサンプルコードを実装しています。

次のコードは、Vue + muiに基づいてイメージのローカルキャッシュを共有します。具体的なコードは次のとおりです。 const menu = { state: { products: {}, GLOBAL_CONFIG:GLOBAL_CONFIG['GLOBAL_CONFIG'] }, mutations: { get_product: function (state, products) { //商品列表 state.product […]

VueにReduxの方法も使用させる

先週のVuexソースコードを見ると、私はVuexに触発されました。 だから卵はVueがReduxを使うのを助けるプラグインを書くために午後に痛い。 Gayhub Url Vue-with-Redux これは、VueがReduxを使用して状態を管理するのを助けるプラグインです。 Reduxは非常に一般的な状態管理ツールです。 Vue-with-reduxは、Vue環境でReduxを使用する方法を提供します。 これは異なる開発経験をもたらし […]

Vueのカスタム指示に基づくボタンレベルの権限コントロールの詳細な実装

アイデア: ログイン:ユーザーがアカウントとパスワードを入力すると、サーバーはそれが正しいことを確認します。検証がパスされると、サーバーはトークンを返し、トークンを取得します(ページを更新した後でページを保存できるようにトークンを保存します)。ユーザーログイン状態では、フロントエンドはトークンに従ってuser_infoインターフェイスをプルして、ユーザーの詳細情報(ユーザーの権利、ユーザー名など)を取得します。 アクセス許可の検証:トー […]

vue-routerについての何か

まず、導入 vue-routerを学ぶには、まずルートがここにあるかどうかを知る必要があります。 なぜオリジナルのようなタグでリンクを直接書くことができないのですか? vue-routerの使い方は? 一般的なルーティング操作は何ですか? これらの質問を待つことは、この記事で議論される主要な問題です。 次に、vue-routerとは何ですか? ここでのルートは、通常は参照するハードウェアルータを指しません。ここでのルートは、SPA(シン […]

Vue動的ルーティング構成およびルーティング方法

動的ルーティング: 何度も再利用されるページやコンポーネントが複数ある場合、ルートはすべて同じコンポーネントを指しています。この時点で、異なるコンポーネントから「共有」コンポーネントを入力し、異なるデータをレンダリングするためのパラメータも渡します。 これには、動的ルーティングとルーティングパラメータを使用する必要があります。 最初にルータのリンクコンポーネントを見てみましょう: 簡単な言葉では、それはナビゲータです、ターゲットコンポー […]

Vueの導入方法とルータ使用のヒント

Vueパスメソッドone 1、ルーティング構成 { path: '/describe/:id', name: 'Describe', component: Describe } 2、使用方法 // 直接调用$router.push 实现携带参数的跳转 this.$router.push({ // 这个id是一个变量,随便是什么值都可以 path: /describe/${id}`, }) 図3に示すように、取得方法(記述ページ上) $r […]

1 258