ファイル

1/53ページ

vueのv.vueファイル解析プロセスについて話す

この記事では、SFCをディスクリプタに解析するプロセスがvueでどのように実装されているかについて説明します。 Vueは、.vueファイルを解析してディスクリプタにするcompiler.parseComponent(file、[options])メソッドを提供します。 // an object format describing a single-file component. declare type SFCDescriptor = […]

別のスタイルファイルを参照する2つの方法

問題の説明 .vueファイルの場合は、構造体、動作、スタイルで構成されます。スタイル部分にスコープ属性があります。つまり、現在のページが有効です。スタイルタグにスタイルが追加されているか、.vueファイル間に重複があります。当時、私はいつもきちんとしていないと感じているので、私はいくつかの共通のスタイルを導入する必要があります。 別のスタイルファイルを導入する方法についてまず説明しましょう。次に、CSSファイルの例を示します。その後、プ […]

Vueは、シンプルで軽量なアップロードファイルコンポーネントの例をカプセル化します

まず、前に遭遇したいくつかの問題 プロジェクトにファイルをアップロードするための要件が​​増えています。既存のUIフレームワークを使用する過程で、なぜわかりにくいバグがいつもあるでしょう。 たとえば、アップロードコンポーネントを使用して、(:multiple = "false")を明示すると、実際に複数のファイルを選択でき、アップロード時に複数のファイルを送信することができます(例:add filelist = &q […]

Webpackプロジェクトのデバッグと構成ファイルを独立してパッケージ化する方法

Webpackプロジェクトのデバッグ -sourcemap '#source-map'に設定すると、chromeブラウザでデバッグするときにソースコードを表示する.mapファイルを生成することができます。 devtool: '#source-map' webpack独立生成可修改的配置文件 用generate-asset-webpack-plugin这个插件,在webpack.prod.config.js中去生成co […]

vueのwebpackでパッケージングした後にファイルを実行する問題と関連する設定方法について

1.vueのVue-cliパッケージ 最近、私はvueを使ってvue scaffoldingツールvue-cliを使った小さなプロジェクトを作成しました。テストやパッケージングの過程で多くの問題に遭遇しました。インターネット上でのこれらの質問に対する答えは、あまりナンセンスではありません。言ってやるがいい。 a。packageコマンドを実行します。npm run build b。パッケージ化後に生成されるフォルダは、ルートディレクトリの […]

Webフロントエンドvue vuex単一ファイル使用例

Vuexとは何ですか? Vuexは、Vue.jsアプリケーション専用に開発された状態管理モデルです。 これは、集中ストレージを使用して、アプリケーションのすべてのコンポーネントの状態と対応するルールを管理して、状態が予測可能な方法で変化することを保証します。 Vuexはまた、Vueの公式のデバッグツールdevtools拡張にも統合されています。これは、ゼロコンフィギュレーションタイムトラベルデバッグ、状態スナップショットのインポートとエ […]

最初にVue.jsの* .Vueファイルに会った

Vue.jsとは何ですか? Vue.jsは、ボトムアップインクリメンタルデザインを使用するユーザーインターフェイスを構築するためのプログレッシブフレームワークです。 (ボトムアップの設計方法は、特定のデバイス、ロジックコンポーネント、または類似のシステムから始まるシステム機能要件に基づいています。設計者のスキルと豊富な経験のおかげで、必要な要件を満たすように接続、変更、拡張されます。 System)。Vueのコアライブラリは、ビューレイ […]

Vueは、現在アップロードされているオブジェクトの完璧な実装方法を得るために、入力ファイルのバインド関数を提供します

HTML <input type="file" @change="tirggerFile($event)"> JS(vue-methods) tirggerFile : function (event) { var file = event.target.files; // (利用console.log输出看结构就知道如何处理档案资料) // do something... } バインドされた関数でこれを直接渡すと、正しく取 […]

1 53