[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 }, } } ```