yanzhi的博客

最近封装了一个简单的思维导图组件，在此简单记录一下心里历程。

使用keep-alive实现部分页面动态缓存

第一部分：项目中引入lib-flexible一、项目中安装lib-flexible$ npm install lib-flexible --save二、在项目的入口js文件中引入lib-flexibleimport 'lib-flexible'通过要以上两步，就完成了在vue项目使用lib-flexible来解决移动端适配了。lib-flexible会自动在html的head中添加一个meta n...

使用Vue.component()方法注册全局组件。这个方法接收两个参数：第一个参数是自定义元素名称，也就是将来在别的组件中使用这个组件的标签名称。第二个参数是将要注册的Vue组件。import Vue from 'vue';// 引入loading组件 import Loading from './loading.vue';// 将loading注册为全局组件，在别的组...

先实现一个vue组件<!--hello.vue--><template> <div>{{text}}</div></template&a

第一版实现思路如下：父组件通过props向子组件传递数据，并向子组件提供一个方法更新自己的数据。子组件中当数据更新时，调用父组件提供的方法，将更新之后的数据传递给父组件。// 父组件 app.vue<template> <my-input :msg="msg" :updateMsg="updateMsg"/></template><s...

在大年三十Vue团队发布了Vue 2.6。官宣请看这里。纸上得来终觉浅，接下来动手实践一下新版本的slots、动态指令参数、显示创建响应式对象三个新功能，其他的新功能这里暂不实践。slotsVue 2.6中将普通插槽（slot）和作用域插槽（scope slot）统一在v-slot指令语法下。需要注意的是v-slot指令只能用在template标签或者引用的组件标签上。默认作用域...