- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue3.x 双向绑定组件在被v-if包含时，不即时刷新问题
给组件加上:key=“Math.random()”<el-dialog :title="title" :key="Math.random()" v-model="dialogVisible" width="65%"> // 内容</el-dialog>
2021-04-21 13:40:22
553
原创 vue3+ts 全局挂载以及声明写法
vue3全局挂载需要通过globalProperties// 以api为例// 文件路径 /plugins/index.jsimport Api from "../api/index"; // 为需要挂载到vue上的函数export default { install: (app: any) => { app.config.globalProperties.$Api = Api; }};// 文件路径 main.jsconst app = createApp(App
2020-12-28 10:22:26
9477
8
原创 使用async改写promise精简代码量
// 这是一个primise函数function a() { return new Promise(resolve => { return resolve(true); });}如果改写成async函数的话只需要async function b() { return true;}// async函数默认会把返回值包装成primise;// 如果要使用async的话一般就2中情况async function c() { const path = await b(); //
2020-11-23 11:45:07
493
原创 vue组件进阶，编写ui组件
父组件<template> <div class="container"> <child v-model="value" :fetch="fetch"> <template v-slot="{ item }"> <div>{{ item }}</div> </temp...
2020-04-30 00:55:06
193
原创 vue-router权限路由
import Vue from "vue";import VueRouter from "vue-router";Vue.use(VueRouter);// 基础路由const routes = [ { path: "/", name: "index", component: () => import("../views/index/index") ...
2020-04-03 23:13:03
250
原创 vue多层嵌套下的数据绑定
vue作为数据驱动，通过数据和视窗view层绑定，操作数据即可触发view层的更新，所以数据绑定尤为重要单层的数据绑定很简单，父组件传值进去，子组件通过props获取，然后通过$emit事件携带参数回调父组件<v-child :vlaue="data" @update="update"></v-child>子组件<template> <inp...
2020-01-10 11:28:44
4793
原创 js插件封装
封装一个js插件其实非常简单第一步，先拿出需要封装功能函数function xxx(options) {...};第二步，避免插件内参数与项目中发生冲突，需要给插件设置作用域;{function () { function xxx(options) {..}}}()封闭作用域之后在外部如何调用呢第三步，将插件内函数暴露出去;{function () { function x...
2019-11-17 23:11:09
1185
原创 js面向对象
一、面向对象基础1.创建对象// 构造函数function Person () { this.name = "aaa"; this.age = "16"}let p = new Person;// class类class Person{ constructor() { this.name = "name"; this.age = "16" }}let p = n...
2019-11-17 18:31:27
113
原创 vue项目上线细节
vue项目开发完成之后，准备上线，需要注意一些细节。一、配置项目上线路径1.项目基础路由const router = new Router({ base: '/manager/', // 配置基础路由 routes: []})此时上线项目的基础路径会变成xxx/manager/xxx2.项目静态资源加载路径vue项目中，静态资源必须放置在assets中引入的插件等js文件...
2019-02-22 16:30:24
551
原创 gulp极简教程
第一步、全局安装gulp$ npm install --global gulp第二步、在你需要打包的目录下执行安装依赖$ npm install --save-dev gulp第三步、在该目录下新建一个gulpfile.js文件gulpfile.js该怎么写呢？1.先搜索到自己所需要用到的插件，比如gulp-uglify、gulp-csso、gulp-html-minify等等2...
2019-01-21 15:27:42
216
原创 js异步、回调函数解读
一、异步的定义js是单线程语言，执行任务的情况是根据任务顺序，前一个任务完成之后执行下一个任务。异步改变事件的执行顺序。举个例子 var f1 = function (){ setTimeout(function () { console.log(1); },1000); console.log(2); }...
2018-11-24 21:14:20
849
原创 vue组件传参、调用的方法
虽然官网讲的比较详细，但是还是一直有人问起。就写一篇。首先对于vue，很多人一直在用却不明白。第一点vue是一个数据驱动的框架，数据的变化来控制页面的动态更新。第二点vue的组件化，以及组件复用的概念。一、先说一下父子组件传值...
2018-11-19 22:49:59
5272
原创 javascript原型、原型链超精简版讲解
看到很多人问js原型的问题，网上搜了一下，看到很多人写了，但是讲了一堆还没讲到点子上，索性我自己写一篇。本文围绕3个问题解答:什么是原型？什么是原型链？然后这玩意有什么用？1、什么是原型js中万物皆对象，每个对象都有一个原型属性，大家可以自己log一个对象都能看到__proto__属性，这个就是原型属性。然后构造函数大家都知道function person(){}person.pr...
2018-11-17 22:07:34
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人