组件化思想：

组件化实现功能模块的复用

高执行效率

开发单页面复杂应用

组件状态管理（vuex）

多组件的混合使用

vue-router

代码规范

vue-router

export default new Router({  routes: [    {      path: '/',      name: 'home',      component: Home    },    {      path: '/info',      name: 'info',      component: Info    },

Vuex

单向数据流概念

view actions state

Vuex多个视图依赖，菜单导航

不同视图的行为需要变更同一状态，评论弹幕

vue.js开发的状态管理模式

组件状态集中管理

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({  state: {  },  mutations: {  },  actions: {  }})

组件的状态

改变状态的方法集

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({  state: {    count: 0  },  mutations: {    increase () {      this.state.count++    }  },  actions: {  }})

调式

console.logalert()debugger

window对象绑定

---

请点赞！因为你的鼓励是我写作的最大动力！

吹逼交流群：711613774