vue-router、vue-loader、vue-cli的作用:
vue-cli :vue.js的脚手架 ,自动帮你搭建基本代码框架。
脚手架就是帮你搭一个应用的代码框架。有人帮你把这个开发过程中要用到的工具、环境都配置好了,你就可以方便地直接开始做开发,专注你的业务,而不用再花时间去配置这个开发环境,这个开发环境就是脚手架。
vue-router:vue.js的第三方插件,切换地址,不刷新跳转页面,只是页面上的组件的切换
● 是 vue路由插件
● 支持单页应用的
● 路由设置,用于设置页面跳转时的路径设置
● vue-router还可以实现页面间传参等其他功能
● vue-router具有router-link、router-view 组件
vue-loader:
● vue-loader是webpack下的loader插件
● 可以将template/js/style编写的vue组件转换成js模块
具有的特点:
1)默认支持 ES2015;
2)允许对 Vue 组件的组成部分使用其它 webpack loader,比如对 <style>
使用 Sass 和对 <template>
使用 Jade;
3).vue
文件中允许自定义节点,然后使用自定义的 loader 进行处理;
4)把 <style>
和 <template>
中的静态资源当作模块来对待,并使用 webpack loader 进行处理;
5)对每个组件模拟出 CSS 作用域;
6)支持开发期组件的热重载
vue-resource:与Ajax通信
Vue中的钩子函数:
理解一:就是在生命周期执行流程中,预留的一个能让我们执行自己代码的地方。叫钩子函数,即挂载我们自己的东西,而钩子函数的实现,基本原理就是callback
理解二:就是vue生命周期中有一定执行顺序的接口函数,用户可以根据这些暴露的函数处理自己的数据,渲染页面
Vue组件中的mixins特性
混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项
vuex的理解
1)Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。
2)它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化(把组件的共享状态抽取出来,以一个全局单例模式管理);
3)通过定义和隔离状态管理中的各种概念并强制遵守一定的规则,我们的代码将会变得更结构化且易维护;
其中2)和3)是vuex的基本思想。
使用vuex的场景
Vuex 可以帮助我们管理共享状态,但也附带了更多的概念和框架。
如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择