[TOC] ## 快速構建 > [配置一個 vue](https://juejin.im/post/5caab6f0f265da24c1118d90?utm_source=tuicool&utm_medium=referral#heading-1) ``` $ npm install --global vue-cli $ vue init webpack my-project $ cd my-project $ npm run dev ``` ## Vue 對象屬性 輸出模板,用于多頁面 ```js new Vue({ el:"", data:{}, methods:{}, watch:{} }); ``` 模塊化,輸出模塊,用于單頁面 ``` export default { data:function { return{ msg:"helloaa", } }, methods:{}, } ``` ### watch 監控屬性值 ```js export default { data() { return { items: ['seee', 'eee'] } }, watch:{ items:{ //當items 變化是觸發函數 console.log("items is change"); }, c: {//如何 c 是具有[{},{}] 那么對象中的key或 vlue 要監聽變化需要使用 deep:true handler: function (val, oldVal) { /* ... */ }, deep: true }, } } ```