vue学习笔记

1. npn run build 生成上线目录（部署）

2. 首先装node.js，启动cmd，输入npm -v，查看npm 的版本。

3. mobaXterm工具免费，可以使用cd…/npm -v等命令。操作服务器

4. cnpm 淘宝npm镜像。

5. 输入命令 vue list，vue模板一般使用webpack。

6. vue init webpack vuedemo3 （使用vue-cl新建一个项目）

7. export（导出） default A ;import（导入） import xx from ‘./…’

8. let com = {} ; export { com }（变量的导出）;import {com} from ‘./…’

9. 单文件组件 ‘.vue’

10. vue-router单页面切换，不刷新页面
    npm install vue-router --save
    mode：‘history’ =》作用http://localhost:8080/#/b=>路径变为http://localhost:8080/b(#不见了)

11. tag指定标签，用在router-link

12. action：异步,设计到ajax

13. matution：同步

14. 访问过的组件缓存起来用keep-alive。

15. 从后台获取动态数据vue-resource。
    XMLHttpRequest or JSON
    安装： cnpm install vue-resource
    使用
    在main.js中的代码日如下：
    引入：import VueResource from ‘vue-resource’
    声明：Vue.ues(VueResource )
    然后在项目或所有的页面中就可以使用了，
    created:function(){
    //请求地址是：http://localhost:8080/getList
    this.$http.post(‘getList’,{userId:123})
    .then(function(data){
    //成功
    },function(err){
    //失败
    })
    }

16. 虚构接口
    json-server
    发送请求得到db.json文件
    安装：cnpm install json-server --sava
    在bulid目录下，dev-server.js中的var app = express()
    var jsonServer = new jsonServer()
    在上方写入var jsonServer = require(‘json-server’)
    只能用get请求获取数据不能用post请求数据。

17. 幻灯片组件
    第三方：
    github：vue.js/awesome-vue

18. 图片路径js中需加：require
    唯独在js中的图片路径不能直接写，要使用
    src:require(’…/assets/pic1.jpg’);

19. 渲染完毕后自动进行的函数
    mounted(){
    this.methodSMy()
    }

20. v-for=“item in ListArray”
    一定要记得加上：key=“item.id”