
vue
LeuPener
这个作者很懒,什么都没留下…
展开
-
better scroll
<script> import BScroll from 'better-scroll' method(){ new BScroll('container',{ scrollY: true }) }</script>#container display flex overflow hidden .left-container position absolute bottom 0 top 224px voerflow hidden#c原创 2021-08-25 10:52:57 · 199 阅读 · 0 评论 -
vue中computed的 get与set属性
get : 给计算属性赋值set:值改变时触发 const inputRef = reactive({ val: computed({ get: () => props.modelValue || "", set: (val) => { emit("update:modelValue", val); }, }), error: false,原创 2021-06-28 13:24:26 · 459 阅读 · 1 评论 -
antd-pro-vue
安装npm i ant-design-vue momentyarn add ant-design-vueyarn add moment原创 2020-11-25 21:24:02 · 990 阅读 · 0 评论 -
vue-cli 引入 chart
父组件<template> <div> <Chart :option="chartOption" style="height: 400px" /> </div></template><script>import Chart from "../../components/Chart";import random from "lodash/random";export default { .原创 2020-11-13 14:42:53 · 236 阅读 · 0 评论 -
组件通信 provide inject
原创 2020-10-31 21:57:37 · 299 阅读 · 0 评论 -
内置指令
原创 2020-10-31 21:32:29 · 178 阅读 · 0 评论 -
vue声明周期函数
临时变量原创 2020-10-31 21:15:56 · 86 阅读 · 0 评论 -
compuetd vs watch
计算属性 computed减少模板中计算逻辑数据缓存依赖固定的数据类型(响应式数据)侦听器 watch更加灵活、通用watch 中可执行任何逻辑、如数据节流,ajax异步获取数据,甚至操作domdata:function(){ b:{c:1,d:2}, e:{ f:{ g:4 } }}//----------------watch:{ "b.c":function(){ } e:{ deep:true // 深度监听 监听e下所有数据变化原创 2020-10-31 21:01:39 · 219 阅读 · 1 评论 -
vue-solt 插槽
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> &l原创 2020-10-30 09:38:17 · 147 阅读 · 0 评论 -
Vue.component,click,事件修饰符
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> &l原创 2020-10-28 15:09:25 · 829 阅读 · 0 评论