Web前端-Vue.js必備架構（三）
<code>vue</code>是一款漸進式<code>javascript</code>架構，由<code>evan you</code>開發。<code>vue</code>成為前端開發的必備之一。
<code>vue</code>的好處輕量級，漸進式架構，響應式更新機制。
開發環境，浏覽器使用<code>chrome</code>，ide：<code>vs code</code>或者<code>webstorm</code>，<code>node.js8.9+</code>，<code>npm</code>等
<code>uni-app</code>直接使用<code><script></code>引入<code>vue.js</code>，<code>vue</code>會被注冊為一個全局變量，開發環境不要使用壓縮版本，一：開發版本有完整的警告和調式模式，二：生産版本删除了警告。
生産環境：
開發：
屬性：自定義屬性，原生屬性，特殊屬性。
元件中<code>props</code>中聲明屬性。
每一個<code>vue</code>元件都是一個<code>vue</code>執行個體，<code>vue</code>執行個體通過<code>new vue</code>函數建立的。
事件：普通事件，修飾符事件。
插槽：普通插槽和作用域插槽。
小結：
屬性，自定義屬性：<code>props</code>，原生屬性：<code>attrs</code>，特殊屬性：<code>class</code>，<code>style</code>。
插槽：普通插槽，作用域插槽。
雙向綁定：
<code>model</code>資料的更新會導緻<code>view</code>視圖的更新，<code>view</code>視圖的更新會導緻<code>model</code>資料的更新。但<code>vue</code>是單向資料流，<code>Object.defineProperty</code>響應式更新。
狀态<code>data</code>和屬性<code>props</code>
狀态是元件自身的資料，屬性來自父元件的資料。
狀态和屬性的改變都未必會觸發更新。
好了！下面開講：
開發環境版本：
生産環境版本：
新手不建議用<code>vue-cli</code>哦！
資料渲染：
元件化：
建立一個 <code>Vue</code> 執行個體
<code>$</code>用于區分與使用者定義的屬性。
<code>v-once</code>執行一次性插值，資料改變後，不會再改變。
<code>v-bind:</code>
修飾符：
<code>v-bind</code>和<code>v-on</code>
好了，歡迎在留言區留言，與大家分享你的經驗和心得。
感謝你學習今天的内容，如果你覺得這篇文章對你有幫助的話，也歡迎把它分享給更多的朋友，感謝。
作者簡介
達叔，理工男，簡書作者&全棧工程師，感性理性兼備的寫作者，個人獨立開發者，我相信你也可以！閱讀他的文章，會上瘾！，幫你成為更好的自己。長按下方二維碼可關注，歡迎分享，置頂尤佳。
版權聲明： 本部落格所有文章除特别聲明外，均采用 CC BY-NC-SA 3.0 許可協定。轉載請注明出處！