vue小总结

初入vue时

1,发现npm run dev报错,

原因：- vue与vue-template-compiler版本不同

第一步：执行npm uninstall vue-template-compiler

第二步：执行npm install vue-template-compiler@报错中提示的vue的版本号

2.在使用

<select name="" v-model="item">

<option value="" v-for="item in items"></option>

</select>

<p>作者：{{item}}</p>

js:

methods:{

data（）{

item:""

items:["1","2","3","4"]

}

}

上面发现作者后面的出来数据，解决办法就是把option标签里面的value属性删除

3，mtn项目打包之后，有一个背景图片没有显示出来

 解决办法：把绝对路径更改为了相对路径。

打包文件build下的assetsPublicPath:'/'，把它改成assetsPublicPath:'./'。

4，打包之后的url行里面的#，将路由的mode改成history模式。

5，网站图标favicon.ico显示问题，本地可以显示，打包之后显示出现问题,

解决办法：在打包之后的static文件夹里面放入ico图标（原因打包之后在根目录里面没有找到图标）。

6，对于this指针问题，总结

以函数形式调用的时候，this永远都是window

以方法形式调用的时候，this是调用方法

以构造函数形式调用时，this是新创建的那个对象

使用call和apply调用时，this是指定的那个对象

7，孙子组件之间的传值，

运用vuex进行不同组件的传值，

8，跨域问题，aioxs不能解决跨域问题

在vue里面引入jquery

使用Jq提供的jsonp 

9,阻止标签的默认事件pervent

10，vuex刷新的时候数据丢失

vuex中store的状态从sessionStorage取值，并和sessionStorage保持一致