ローカルミックスイン<テンプレート> <div> <h2 @click="showName">生徒名: {{name}}</h2> <h2>学生の性別: {{sex}}</h2> </div> </テンプレート> <スクリプト> //混合インポートを導入する { フンヘ、フンヘ2 } '../mixin' から エクスポートデフォルト{ 名前: '学生'、 データ() { 戻る { 名前: '張三'、 性別: '男性' } }, ミックスイン: [hunhe,hunhe2] } </スクリプト> エクスポートconst hunhe = { メソッド: { 表示名() { アラート(this.name) } } } エクスポートconst hunhe2 = { データ() { 戻る { x: 100, y: 200 } } } グローバル ミックスイン'./mixin' から {hunhe, hunhe2 } をインポートします Vue.mixin(笑) Vue.mixin(hunhe2) 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: CSS3は、ズームと回転を実現するためにscale()とrotate()を使用します。
この記事では、mysql5.7.23 の詳細なインストールプロセスを記録し、皆さんと共有します。 1...
1. ランナーコンテナを作成する mk@mk-pc:~/Desktop$ docker run -d...
仕事上の理由により、完全なオンライン化(つまり、すべてのデータがオンラインで完了し、インポートや...
日常業務では、実行に時間のかかる SQL ステートメントを記録するために、スロー クエリを実行するこ...
前回の記事 https://www.jb51.net/article/154157.htm では、B...
デザイナーが特別なイベントのタイトルフォントとして以下のフォントを使用したい場合はどうすればよいでし...
ポートマッピングDocker コンテナを起動する前にポート マッピングを行わないと、コンテナ外部のネ...
アイコン処理ソリューションこの記録の目的は、element-plus 以外のアイコンをコンポーネント...
機能: 前のページまたは次のページにジャンプします。要素: ページングの基本要素は、前のページ + ...
CSS カウンター属性はほぼすべてのブラウザ (IE8 を含む) でサポートされていますが、あまり使...
ブラウザの非overflow:auto要素resize伸縮機能を利用して、JavaScript を使...
目次通常の読み込み遅延読み込みプリロードプリロードを使用しないプリロードの使用要約する通常の読み込み...
CSS のみを使用してどのような充電アニメーション効果を作成できるかを見てみましょう。バッテリーを...
目次1. クロスドメインはどのように形成されるのでしょうか? 2. クロスドメインの根本的な原因3....
目次1. インデックスの基本1. インデックスの種類1.1 Bツリーインデックス1.2 ハッシュイン...