流行はまだ荒れ狂っているが年が経過したが、私たちは勝利からの友人を持ってしたくないと考えています...
最近の前景学習・バイ・ノート、フレームワークVUEを学んでいる、O(∩_∩)O
VUEは、ユーザインタフェースを構築するためのプログレッシブフレームであります
Vueのは、層によってボトムアップ層から適用されるように設計されています。唯一のビュー層の上にVueのコアライブラリの焦点は、だけでなく、使いやすいだけでなく、簡単なサードパーティ製のライブラリまたは既存のプロジェクトを統合することです。
VueのフォローMVVMパターン
M:モデル、つまりモデルは、固定フォーマットするvar VMとして理解することができる=新しいヴュー(){エル: '#のXXX'、データ:{}}は、データであります
V:ビュー、すなわちビュー、つまり<DIV ID = 'XXX'> </ div>
VM:オブジェクトのインスタンスVueの、一般的にVMの指定
コーディング例:
<div id="app">
<input type="text" v-model="username">
<p>Hello, {{username}}</p>
</div>
//通过script标签引入vue.js
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
//创建vue实例对象
new Vue({
el: '#app',//el:element元素
data: {
username: 'atguigu'
}})</script>
コードの解釈:
新しいビュー({
エル:「#app」、IDに対応する// div要素、VUEに対応するインスタンスの管理領域
データ:{
//データは、第一モードMVVM Mとして見ることができます
}
})
<DIV ID = "アプリ"> </ div>
MVVMパターンは第Vとみなすことができ、このグループDIV
メソッド名に、そのような<P>こんにちは、{{ユーザー名}} </ P>のように中括弧{} {}表現は、ページにデータを出力するために、オブジェクトが呼び出すことができます
コマンド(カスタムラベルの初めに、このようなV字モデル=「ユーザ名」として、V-属性)