![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
文章平均质量分 67
艾仪
02 bug王,会写bug,每天都会写个小bug奖励自己.梦想是 写出谁也找不到的bug
展开
-
Rust - Rocket 和 Vue 简单实现分片上传
第一次写分片上传,记录一下~刚学Rust没多久,代码有点乱,勉强可以浅看一看还没实现 续传,未来可能更新这篇文章首先确定临时文件目录fn 分片_root_path<P: AsRef<Path>>( path: P)-> PathBuf { Path::new("./public/分片").join(path)}确定trait(接口)pub trait 分片 { /** #推入一个分片 */ fn push_data(&self,piec原创 2022-04-06 18:33:19 · 939 阅读 · 0 评论 -
D - Vue快速生成项目-安装插件
项目初始化vue init webpack 项目名? 项目名称? 项目描述? 作者? Vue build standalone? 安装vue-router组件 (建议安装)? 安装ESLint组件,对代码格式要求高 (不建议安装)? 单元测试? e2e测试? (无脑选 npm )常用插件每次建项目都忘记需要那些插件 或 忘记怎么配置 ,干脆全部集合在一起本文是 Vue2 ,Vue3的配置可能有细小的不同Vuexnpm install vuex --saveimp原创 2021-09-03 22:38:04 · 210 阅读 · 0 评论 -
D - Vue-Router - 持续补充 - 笔记
这里写目录标题提前官方文档安装Router插件方便阅读开端 ~Router ~ ~routes选项 ~ ~ ~RouteConfig 的类型定义 ~ ~ ~ ~路由对象$route ~ ~具体使用 ~动态路由匹配 ~ ~提前官方文档https://router.vuejs.org/zh/唯一不好的是,没有一个在线例子可以打开,可能是我网的原因首先 笔记 不适合初始学习,初始学习建议看官方文档 , 笔记可以帮助我忘记后快速回忆安装Router插件直接引用<script src="原创 2021-08-18 14:33:44 · 328 阅读 · 0 评论 -
D - Vue - 渲染函数
提前建议看官方,官方yydshttps://cn.vuejs.org/v2/guide/render-function.html是坑啊在文件组件内声明render(渲染函数),必须把模板去掉!它会优先选择模板!其他方式的组件,优先选择render(渲染函数)官方是这样说的renderrender是实例的一个选项,值是一个函数,需要返回VNode(虚拟节点)函数里有2个参数,不过第二个我不想管第一个参数也是函数,返回VNode,它有一个名字createElement , 官方为原创 2021-08-17 19:56:55 · 75 阅读 · 0 评论 -
D - Vue 自定义指令
开端指令前缀是 v- ,自动加上去,也取消不了全局定义:Vue.directive( id, [definition] ) id: string 指令名 [definition]: Function | Object局部选项:directives : Objectdirectives:{ 指令名:{ ... }, ...}钩子函数达到一定的时机,会自动触发的函数bind只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置inserted原创 2021-08-17 13:31:19 · 204 阅读 · 0 评论 -
D - Vue 混入
开端混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项混入对象说白了就是,把混入对象的Vue选项,全部加入组件Vue选项里,若是选项内参数重名会采用一些策略,下面会描述到这些策略全局注册:Vue.mixin( mixin )全局注册一个混入,影响注册之后所有创建的每个 Vue 实例(包括第三方组件) , 不建议选项:mixins : Array&l原创 2021-08-16 22:34:33 · 91 阅读 · 0 评论 -
Vue v-on常用事件名 - 持续更新
好文:https://www.cnblogs.com/torchstar/p/11799394.html好文++;顶一个++;大佬牛逼++;不是按照类分的,单纯是我常用的放在前面事件名触发条件keydown按下任意按键keypress除 Shift、Fn、CapsLock 外的任意键被按住(连续触发)keyup释放任意按键click在元素上 按下并释放任意鼠标按键auxclick已在元素上按下并释放指针设备按钮(任何非主按钮)conte原创 2021-08-15 20:26:51 · 748 阅读 · 0 评论 -
乱 - Vue .native $listeners $attrs - 笔记
未整理的笔记.native 修饰符$listeners$attrs.native 修饰符.native会将组件事件绑定到 根元素上 , 且可以不将该事件加入$listeners <aaa @click="console.log('aa')"></aaa> Vue.component('aaa',{ template:`<div>div点击 <input type="button" @click="$emit('click')" value="点击"原创 2021-08-12 19:52:22 · 115 阅读 · 0 评论 -
D - Vue 过渡动画 - 笔记
Vue 过渡提前资源Velocity.jsVue过渡`transition内置组件常用Props(道具)事件注意事项过渡类名小疑惑过渡属性定义在非Vue类废物.v-leave ?为什么`.v-enter`不是废物 ?动画//未完工~提前如果您已经会了css的过渡属性transition和贝塞尔曲线,可以跳过提前如果您忘的差不多了或不知道,可以看下一下这个 CSS 贝塞尔曲线 和 过渡属性transition资源Velocity.js<script src="https://cdn.jsd原创 2021-08-11 22:56:24 · 173 阅读 · 0 评论 -
Vue 事件,实例方法
$on 在当前实例 创建一个事件,和v-on差不多$once 在当前实例 创建一个只能触发一次的事件 , 触发后事件被销毁(移除)$off 移除 当前实例的事件 如果没有参数,则移除 当前实例 全部事件 如果只提供了事件名,则移除 当前实例 所有该事件名的事件 如果同时提供了事件与回调函数, 则只移除 当前实例 的这个回调函数的监听器(事件)简单例子:<button @click="$on('a', ()=> {console.log('无限次')})">创建a<原创 2021-08-10 13:09:04 · 166 阅读 · 0 评论 -
Vue 访问 [ 根 , 父 , 子 ] 实例 和 依赖注入
访问 [ 根 , 父 , 子 ] 实例 和 依赖注入访问根实例访问父级组件实例访问子组件实例或子元素依赖注入实例就是一个对象,就是一个变量访问根实例通过 $root 所有后代子组件都可以访问 根实例<根组件> <子组件> <孙组件> {{$root.a}} <!--在 孙组件 中访问 根实例 的a--> </孙组件> <!--你可以当做组件内都有一个插槽 或 当做概念看一下,主要是表达任何组件都可以直接访问根实例-原创 2021-08-09 23:18:35 · 370 阅读 · 0 评论 -
Vue v-bind修饰符.prop property 与 attribute 的差别
property 与 attribute 区别.prop声明:前面没有带入Vue描述,Vue在后面带入在浏览器解析 DOM 树渲染页面后,每个标签都会生成一个对应的 DOM 节点。节点是一个对象,所以会包含一些 properties,attributes 也是其中一个property–在一个国外论坛上找到的,希望能够方便理解–HTML attribute vs. DOM property HTML 属性与 DOM 属性The HTML attribute value specifies原创 2021-08-09 14:16:54 · 1391 阅读 · 0 评论 -
D - Vue 动态组件 & 异步组件 &<component > & <keep-alive> & is prop(道具)
Vue 动态组件 和 异步组件前提component内置组件prop(道具)`is``inline-template`用法keep-alive内置组件prop(道具)用法动态组件前提首先说2个Vue自带的内置组件component和 keep-alive翻译一波,方便理解component : 组件keep :保存, 保留alive :活着的keep-alive :保持连接推荐一个火狐浏览器的翻译扩展划词翻译,比较适合翻译小部分单词还有一个火狐浏览器的翻译扩展翻译网页,虽然也可以划词原创 2021-08-09 14:14:24 · 394 阅读 · 0 评论 -
Vue v-model 父子组件 双向绑定
Vue v-model 父子组件 双向绑定这是复杂的,我不喜欢的 (╬▔皿▔)╯<body><div id="A" > <p>{{a}}</p> <!-- <abc v-model="a"></abc> 等价于下面的 --> <abc :value="a" @input="a = $event"></abc> <!--这里的:value是自定义属性,@input是自定义事原创 2021-08-08 13:29:22 · 458 阅读 · 0 评论 -
Vue 基础 - .txt原稿笔记
找了很多记笔记的软件,都不及txt好用,不过txt写太长了,不方便查找直到发现博客,集结好多优点:在线修改,标题,目录,无限长的行(不自动换行),还有代码高亮…,总而言之就一个字,方便!唯一美中不足的地方就是有 超链接 ,不会过审--前提-- 在描述中,Vue本身属性会加$作为前缀 其中Vue本身属性中 没有命名规定的属性 会加.*做为后缀,例如:$data.* 如果属性中有 命名规定的属性 那么根据当时语境来加后缀 比如在$comput原创 2021-08-08 22:28:02 · 217 阅读 · 0 评论 -
Vue 插槽<slot></slot> - 笔记
Vue插槽 - 笔记插槽具名插槽作用域插槽(prop道具反转)独占默认插槽的缩写语法解构插槽 prop(道具)指定插槽道具指定插槽道具 之 重命名指定插槽道具 之 后备内容动态插槽名缩写提示我是跟着官方学的,官方文章挺好的,强烈建议看官方的你好奇看看也行,要是你评论的话,我会害羞的(✿◡‿◡)我的语文很烂,你忍一下 (吴亦凡梗)插槽插槽:<slot></slot>插槽是被应用在 template(组件模板)内的就像把一个外部的东西,插入内部一样比如:以前的游戏原创 2021-08-08 21:42:54 · 936 阅读 · 0 评论