Vue项目笔记

1、dev-server.js 是webpack打包入口，所以在这个里面引入模拟数据

2、dev-server.js里面调用数据，记住要写在var app=express()后面，不然会出错

4、vue.js里面的computed,就是实时计算,可以把其他页面传过来的值进行计算，然后通过v-bind绑定到html里面

代码：

 1 <div :ss="ts" v-bind:showSell="showSelle"></div>
 2 <script>
 3     export default{
 4       props: {
 5          seller
 6      },
 7      computed:{
 8         showSeller() {
 9            //进行一些操作 
10         }
11     }
12    }
13 </script>

View Code

5、要想使用vue-resource的方法，必须（一般在main.js文件）

import VueResource from 'vue-resource'

Vue.use(VueResource)

6、vue-eleme项目中，app.vue页面和header.vue页面中的seller,最开始在app.vue页面，seller是一个空对象，使用created获取数据是一个异步的过程，所以最开始传到header.vue里面的seller是空的，这就是为什么要在header.vue页面用v-if的原因

<div v-if="seller.supports" class="supports">
<span class="icon"></span>
<span class="text">{{seller.supports[0].description}}</span>
</div>

7、vue里面的数组要改变长度，只能用方法改变，如array.push("test"),不能用array[1]="test"因为只有用方法才能监控到

8、ref='''' 不能使用menu-wrapper，只能使用menuWrapper

9.、vue中，给观测对象添加一个不存在的属性的时候，需要用到Vue.set('观察对象','要添加的属性'，‘值’)这个方法