vue知識点整理
1、vue divの背景色を設定する
vueで背景色を直接設定するのはエラーで、nodejsのrequireメソッドでのみ参照できます.具体的な方法は以下の通りです.
vueで背景色を直接設定するのはエラーで、nodejsのrequireメソッドでのみ参照できます.具体的な方法は以下の通りです.
export default{ data(){ return{ memberWrap:{ backgroundImage: "url(" + require("../../assets/images/bg.png") + ")", backgroundRepeat:"no-repeat", backgroundPosition:"center", backgroundSize: "100%", } } } }
2、vueにおける の
computedは、DOM が するとすぐに ( り てなど)created にマウントフェーズが されず、テンプレートがhtmlにレンダリングされていないため、 を できません.createdフック は にデータを するために されます.mountedフック は にバックエンドに を し、データを してビジネス を うために されます.この は、テンプレートのレンダリングが してから び されます.DOM は にmountedフック で われる.methods にはclickなどのトリガ がある.watch vueインスタンス のデータの を するためにデフォルトでロードするときはcomputedからwatchを い、methodsを しない.あるイベントをトリガーすると、methodsからwatchになります.
すべてのメソッドはmethodsで され、mountedまたはcreatedでthis び しを して を します.
3、css におけるpositionとoverflowの
Positionプロパティは で、「ブラウザレイアウトエンジン(ブラウザレイアウトエンジンによって なる)」がどのように を するかを します.static,relative,absolute,fixedの は のとおりです.
Static(dafault): め.トップ,left,bottom,rightなどの はstaticの であり,これらの を するにはpositionを の3つの の1つに する がある.
Relative: な け. は め(htmlに 、 ページが かれている の )に って され、 めで に り てられた は として り てられ、 の はその に づくことはありませんが、 の しい から し されることはありません.
3つの のcssがrelativeを すると、3 の が から へ に べられ、 の が られません.
$("#head").animate({left:"-=367px"},1500); を1,500ミリ に に367
Absolute: ( には に する )です. は、その (egの のdiv)を む に って されます.たとえば、 の め にネストされている 、その に して めされます.Absoluteはtopとleftを してこそ の を たし、Absoluteだけを くとページ の の を えることはない.
Fixed: め.エレメントはブラウザの に され、 のエレメントとともにスクロールされません.イメージポイントは、スクロールバーを に くとfixedの が の に わらないということです.なお、IE 6はこの をサポートしていない.
: くのページが に されています.このように、 を に めすると、 なる で がずれます.この 、 のような で できます.
div style="position: relative;">
------------------
overflowプロパティ
このプロパティは、オーバーフロー のコンテンツ のコンテンツがどのように されるかを します.
visible
.コンテンツはトリミングされず、 ボックスの に されます.
hidden
コンテンツはトリミングされ、 りのコンテンツは されません. のdiv が さいと がカットされます
scroll
コンテンツはトリムされますが、ブラウザにはスクロールバーが され、 りのコンテンツが されます.
auto
コンテンツがトリムされると、ブラウザにスクロールバーが され、 りのコンテンツが されます.
inherit
からoverflowプロパティを すべき を します.
4、 が になる
1. えは のコードで できます. を しなければなりません.margin-left: auto; margin-right: auto;
2、 span、pなど は を できない. を できないため、ブロックレベル の に める がある.
3、テキスト text-align
5、ディスプレイ
inline:
block:ブロックレベル
none:なし
6、aリンクの を く
text-decoration:none
7、overflow:hiddenの
(1)overflow:hiddenオーバーフロー :1つの にoverflow:hiddenを すると、その の が の と さの を えた 、 えた は になり、 されない
(2)overflow:hiddenフローティングのクリア: の さがないため、 の が に がり、ページが されます.したがって、 コンテナおよび コンテンツの さに じて の さが するように、 にoverflow:hiddenプロパティを する があります.
(3)、overflow:hidden の : の に があり、 にmargin-topスタイルを すると、 も し、 をもたらす
8、v-bind:srcは のように すことができる:src