牛牛的自留地

摘要： 1、缓存路由组件对象 1.1、默认情况下在切换路由链接时，前一个路由组件对象会被销毁掉，下次切换回来时，又是一个新的路由组件对象 1.2、使用keep-alive标签可以保证在来回切换路由链接时，路由组件对象不会被销毁掉而被缓存起来 <keep-alive> <!--显示当前路由链接对应的组件--> 阅读全文

摘要： 1、配置嵌套路由src/router/index.js /* 路由器模块 */ // 引入Vue import Vue from 'vue' // 引入路由器插件 import VueRouter from 'vue-router' // 引入路由组件 import About from '../v 阅读全文

摘要： 1、下载路由插件，npm install vue-router --save 2、在src/views下创建路由组件，以About和Home为例 备注：在实际项目中，组件分为：路由组件和非路由组件，路由组件一般放在src/views或者src/pages下面，非路由组件放在components下面 阅读全文

摘要： 1、执行命令npm install --save mint-ui下载mint-ui 2、实现按需打包 2.1、执行命令npm install --save-dev babel-plugin-component下载babel-plugin-component 2.2、修改.babelrc文件，在plu 阅读全文

摘要： 1、 vue-resource(vue插件，非官方库，vue1.x使用广泛) 1.1、执行npm install vue-resource --save命令安装vue-resource插件 1.2、引入插件和声明使用插件 1.3、使用插件发Ajax请求 <template> <div id="app 阅读全文

摘要： 1、在src下新建util目录，在此目录下新建工具模块js // 只需向外暴露一个功能用函数 // 需向外暴露多个功能用对象 // 定义常量 const TODOS_KEY = 'todos_key' export default { saveTodos (todos) { window.local 阅读全文

摘要： 1、执行npm install --save pubsub-js命令安装pubsub-js 2、在需要订阅的组件中引入PubSub import PubSub from 'pubsub-js' 3、在需要订阅的组件中调用PubSub.subscribe方法订阅消息 mounted () { // 为 阅读全文

摘要： 1、filter clearCompletedTask () { // 过滤后的结果为todos数组中每个元素的checked属性为false的元素 this.todos = this.todos.filter(todo => !todo.checked) } 2、forEach selectAll 阅读全文

摘要： 1、通过父组件向子组件传Function类型的参数的形式 1.1、父组件向子组件传参的相关代码 methods: { addComment (comment) { // unshift向数组的开始位置插入元素 this.comments.unshift(comment) } } <!--父组件向子组 阅读全文

摘要： 1、子组件通过属性名的方式接收父组件的传参 1.1、父组件向子组件传参 <!--父组件向子组件传参，参数名comments--> <list :comments="comments"></list> 1.2、子组件通过属性名接收父组件的传参 <script> import Item from './ 阅读全文