vue
vue框架
Liszter
找到自己喜欢的东西很重要
展开
-
vue3+ts+antDesign+pinia+axios+svg简单基座配置过程
vue3 ts原创 2022-06-21 10:47:21 · 263 阅读 · 0 评论 -
vue3+ts+antDesign+pinia+axios+svg简单基座配置过程
vue3 ts原创 2022-06-07 15:07:59 · 274 阅读 · 0 评论 -
vue2+ts
1. 创建 vue2 项目1.1创建项目至当前目录下。vue create .1.2 选择预设信息 -- 此处选择 Manually select features.1.3 默认的一些工具(通过空格进行标 ※ ) 由于我需要使用单元测试,所以我选择了 Unit Testing。1.4 选择vue 版本 2.x 或 3.x1.5 是否需要类组件形式语法。(即ts组件开发)1.6 其余就等待安装吧...原创 2021-09-26 14:32:32 · 217 阅读 · 0 评论 -
three.js使用OrbitControls
引入方式import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";原创 2021-08-03 23:33:38 · 357 阅读 · 0 评论 -
MVVM理解 ——(1)Object.defineProperty
MVVM – 双向数据绑定使用场景angular 脏值检测vue 数据劫持+发布订阅模式Object.defineProperty 不兼容低版本,也就是vue 只适用于ie8 以上版本即支持该属性的浏览器版本。功能: 直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。属性:configurable 值为 true 时,该属性才能被操作,操作成功返回true。如果是false,则该属性不能被操作,执行语句时会返回false。eq:为true时,.原创 2021-07-23 11:10:16 · 165 阅读 · 0 评论 -
MVVM理解 ——(3)编译模板
编译模板 —— 将模板中的{{变量}}替换成对应的数值。例如:<div> <h1>{{title}}</h1> <p>{{article}}</p></div>通过js进行操作将其中的 title 和 article 替换为真正的值。Compile(el, this);/** * el: 文本节点 * vm: 传入的数据 data * */function Compile(el, vm) ..原创 2021-07-25 18:03:14 · 107 阅读 · 0 评论 -
vue3.0 插槽slot用法 (改了改了,和2.0用法不一样了)
今天在尝试3.0的功能,倒腾了一会写成之前的形式不起作用。现在改成大致这样的形式了建议直接看文档,挺清楚的子组件 <div class="dialog__footer" > <slot name="footer" /> </div>父组件 <template v-slot:footer class="dialog-footer"> footer </template.原创 2021-02-02 16:16:41 · 4991 阅读 · 0 评论 -
文件上传input type设置(文件类型设置)
直接参考手册https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#accept原创 2021-01-28 16:23:47 · 808 阅读 · 0 评论 -
vue文件上传组件简易版
简易版组件,适合新手。注释个人认为写的还行<template> <div class="uploader-plus"> <div class="uploader__box"> <!-- 选择文件 --> <div class="uploader__wrapper"> <i class="van-icon van-icon-plus "></i>.原创 2021-01-28 11:26:32 · 154 阅读 · 0 评论 -
vue-router报错Avoided redundant navigation to current location: “/path“
错误信息NavigationDuplicated: Avoided redundant navigation to current location: "/menu".图片补充错误信息翻译避免冗余导航到当前位置 Avoided redundant navigation to current location分析导致原因这个报错是出现在我实现菜单组件中的。由于没有限制,每个菜单栏可以不停的点击,以至于不停的跳本界面。解决方案他人的方案(我个人不建议):添加 th.原创 2020-12-17 11:16:44 · 398 阅读 · 0 评论 -
vue 实现 tree组件(简易版)
组件 TreeItemTemplate<template> <div> <li> <div :class="{bold: isFolder}" @click="toggle" > {{ item.name }} </div> <ul v-show="isOpen" v-if="isFolder".原创 2020-12-15 16:04:35 · 776 阅读 · 0 评论 -
vue3.0正式版中router获取
当前页面获取router setup( props, context ) { const { ctx } = getCurrentInstance() // 下面有简单解释 console.log(ctx); console.log(ctx.$router.options.routes); }需引入import { getCurrentInstance } from 'vue' // 下面有简单解释解释此处的 ctx 相当于之前2.0的全局 this。Vue2原创 2020-12-14 16:31:43 · 2168 阅读 · 0 评论