摘要：
npm i vue-puzzle-verification 安装使用 在main.js中引入 import PuzzleVerification from 'vue-puzzle-verification' Vue.use(PuzzleVerification) （我是在组件中引入的） <templ 阅读全文
摘要：
在日常布局当中，肯定经常会遇到文本内容超过容器的情况。非常常见的一种解决方案是超出省略。 但是，有的时候，由于场景的限制，可能会出现在一些无法使用超出打点省略的方法的场景，譬如在导航栏中： 这种情况下，在容器定宽但是文本又溢出且不能换行的情况下，我们就需要寻求另外的解决方案。 hover 时弹出框提 阅读全文
摘要：
localStorage window.localStorage.setItem('a', 1) （window. 可省略） localStorage.setItem('a', 1) //存储数据 localStorage.getItem('a') //获取数据 localStorage.remov 阅读全文
摘要：
渲染函数不可以template同时使用，render于data，methods等同级 非必要需求不建议在vue中使用 jsx 语法 例子： <script> export default { components:{ }, name: 'children', mounted(){ }, render 阅读全文
摘要：
安装npm install vuedraggable1引入import draggable from 'vuedraggable'1基础用法定义一个json串 list，实现它的拖拽排序。 <template> <div> <!-- 调用组件 --> <draggable element="ul" 阅读全文
摘要：
一、利用meta标签直接上代码,1、首先在路由中的meta标签中记录keepAlive的属性为true path: '/classify', name: 'classify', component: () => import('@/views/classify/classify.vue'), met 阅读全文
摘要：
路由跳转或者组件的显示隐藏的淡入淡出 想让路由有过渡动画，需要在<router-view>标签的外部添加<transition>标签，标签还需要一个name属性 <transition name="fade" mode="out-in"> <router-view ></router-view></ 阅读全文
摘要：
什么是函数式组件？函数式组件就是函数是组件，感觉在玩文字游戏。使用过React的同学，应该不会对函数式组件感到陌生。函数式组件，我们可以理解为没有内部状态，没有生命周期钩子函数，没有this(不需要实例化的组件)。 在日常写bug的过程中，经常会开发一些纯展示性的业务组件，比如一些详情页面，列表界面 阅读全文
摘要：
基础用法 比如一个列表页，我们希望用户在搜索框输入搜索关键字的时候，可以自动触发搜索,此时除了监听搜索框的change事件之外，我们也可以通过watch监听搜索关键字的变化 <template> <!--此处示例使用了element-ui--> <div> <div> <span>搜索</span> 阅读全文
摘要：
创建 store import Vue from 'vue' // 通过Vue.observable创建一个可响应的对象 export const store = Vue.observable({ userInfo: {}, roleIds: [] }) // 定义 mutations, 修改属性 阅读全文