Vue项目笔记

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

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

3.

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('观察对象','要添加的属性'，‘值’)这个方法

 

最开始定义的food知识一个空数组，里面没有属性，在子组件中，要给它添加一个count的属性和值，必须用Vue.set(this.food, 'count', 1)

 

10、通过不同的条件，绑定不同的class

 11、vue methods里面的方法，都是挂载到this上面，如果调用方法报错： xx is not a  function，这是this出错了，解决办法：可以在调用的地方传入this

比如此处的obj，就是this

在ajax里面是无法用this调用方法的，还有一种解决办法是：在ajax外面，定义 var _this=this，然后这样调用 _this.pageNum()

转载于:https://www.cnblogs.com/zhaobao1830/p/6411798.html