vue-router、vue-loader、vue-cli,vue-source,vuex的解析

vue-router、vue-loader、vue-cli的作用:

vue-cli :vue.js的脚手架 ,自动帮你搭建基本代码框架

脚手架就是帮你搭一个应用的代码框架。有人帮你把这个开发过程中要用到的工具、环境都配置好了,你就可以方便地直接开始做开发,专注你的业务,而不用再花时间去配置这个开发环境,这个开发环境就是脚手架。

vue-routervue.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 将会成为自然而然的选择

 

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值