Vue开发技巧 1、转发 请求config — index.js — module.exports — dev — proxyTable proxyTable: { '/a…
标签:vue.js教程
第七课时: 状态管理, Vuex进阶
1.插件因为vuex是存在内存中的,所以刷新页面的时候其中的值就会初始化。为了刷新时不让其改变,可以开发一个插件,把state状态都存在本地中。 saveInLocal.js: export default store …
第六课时: Vuex状态管理,mutation&action&module
1. mutationsmutations也是一个对象,这个对象里面可以放改变state的初始值的方法,具体的用法就是给里面的方法传入参数state或额外的参数,然后利用vue的双向数据驱动进行值的改变,同样的定义好之后…
第五课时: Vuex状态管理,state&getter
1.安装Vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex : npm install vuex --save 然后 在src文件目录下新建一个名为store的文件夹,为方便引入并在store文件夹…
第四课时: vue状态管理-Bus
Bus相当于广播和分发事件的方法。vue如何实现非父子组件间的通信,可以通过实例一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,然后通过分别调用Bus事件触发和监听来实现通信和参数传递。 Bus.j…
vue父组件触发事件改变子组件的值
父组件向子组件通信 业务场景:现在我要在父组件点击一个回退按钮,这个回退会传进子组件中(子组件中有两步进程),子组件来处理。 解决方案 起初我是父组件通过props传值,但是发现只有组件第一次加载时才能传值,通过事件改变…
第三课时: vue-router路由进阶
1. 路由组件传参页面组件可以通过props接收url参数布尔模式{ path: '/argu/:name', name: 'argu', component: () => import('@/views/argu…
简单理解vue中的nextTick
nextTick() 用于在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM nextTick()是属于异步更新队列 应用场景 在Vue生命周期的created钩子函数进行的DO…
第二课时: 路由详情和导航流程解析
router-link 和 router-view组件 <div id="app"> <h1>Hello App!</h1> <p> <!-- 使用 router-l…
第一课时: 使用Vue-Cli 3.0 创建一个项目
3.0 新加入了 TypeScript 以及 PWA 的支持 部分命令发生了变化: 下载安装 npm install -g vue@cli 删除了vue list 创建项目 vue create 启动项目 npm run…
calendar 组件使用说明
组件标签 <calendar :loading="loading" :classData="classData" :contentData="contentData" @calendar-date="changeD…
Vue 中如何正确引入第三方模块
Vue 中如何正确引入第三方模块 方法一:配置 webpack ProvidePlugin 全局引入 假设要使用到 jquery,那么可以通过配置 webpack 的 ProvidePlugin 的插件来全局引入: ht…