wuyxinu的博客

在一次开发任务中遭遇的一个问题正常使用 element-ui的icon时却发现不知道为什么显示都为正方形小框框于是，我就将element-ui 版本由 2.12.0 提升为 2.15.2但是无法解决这个问题失败Vue.config.js 配置问题也就是 webpack的配置问题通过将vue-cli预设配置弹出的操作，我查看了一下 Vue-cli 预设Webpack配置，和我自己的webpack配置，没看出问题来。感觉一切正常...

一、简介二、Vue2和Vue3区别见后续文章三、Vue知识点学习见后续文章四、TypeScript知识点见后续文章五、项目实战见后续文章六、项目打包和自动化部署见后续文章七、沿途学习代码地址及案例地址1、沿途学习代码地址https://gitee.com/wu_yuxin/vue3-learning.git2、项目案例地址https://gitee.com/wu_yuxin/vue3-ts-cms.git3、项目访问地址http://101.34.91.130:8330/l

一、简介二、Vue2和Vue3区别见后续文章三、Vue知识点学习见后续文章四、TypeScript知识点见后续文章五、项目实战见后续文章六、项目打包和自动化部署见后续文章七、沿途学习代码地址及案例地址1、沿途学习代码地址https://gitee.com/wu_yuxin/vue3-learning.git2、项目案例地址https://gitee.com/wu_yuxin/vue3-ts-cms.git3、项目访问地址http://101.34.91.130:8330/l

一、简介二、Vue2和Vue3区别见后续文章三、Vue知识点学习见后续文章四、TypeScript知识点见后续文章五、项目实战见后续文章六、项目打包和自动化部署见后续文章七、沿途学习代码地址及案例地址1、沿途学习代码地址https://gitee.com/wu_yuxin/vue3-learning.git2、项目案例地址https://gitee.com/wu_yuxin/vue3-ts-cms.git3、项目访问地址http://101.34.91.130:8330/l

一、简介二、Vue2和Vue3区别见后续文章三、Vue知识点学习见后续文章四、TypeScript知识点见后续文章五、项目实战见后续文章六、项目打包和自动化部署见后续文章七、沿途学习代码地址及案例地址1、沿途学习代码地址https://gitee.com/wu_yuxin/vue3-learning.git2、项目案例地址https://gitee.com/wu_yuxin/vue3-ts-cms.git3、项目访问地址http://101.34.91.130:8330/l

一、简介二、Vue2和Vue3区别见后续文章三、Vue知识点学习见后续文章四、TypeScript知识点见后续文章五、项目实战见后续文章六、项目打包和自动化部署见后续文章七、沿途学习代码地址及案例地址1、沿途学习代码地址https://gitee.com/wu_yuxin/vue3-learning.git2、项目案例地址https://gitee.com/wu_yuxin/vue3-ts-cms.git3、项目访问地址http://101.34.91.130:8330/l

一、简介二、Vue2和Vue3区别见后续文章三、Vue知识点学习见后续文章四、TypeScript知识点见后续文章五、项目实战见后续文章六、项目打包和自动化部署见后续文章七、沿途学习代码地址及案例地址1、沿途学习代码地址https://gitee.com/wu_yuxin/vue3-learning.git2、项目案例地址https://gitee.com/wu_yuxin/vue3-ts-cms.git3、项目访问地址http://101.34.91.130:8330/l

一、简介二、Vue2和Vue3区别见后续文章三、Vue知识点学习见后续文章四、TypeScript知识点见后续文章五、项目实战见后续文章六、项目打包和自动化部署见后续文章七、沿途学习代码地址及案例地址1、沿途学习代码地址https://gitee.com/wu_yuxin/vue3-learning.git2、项目案例地址https://gitee.com/wu_yuxin/vue3-ts-cms.git3、项目访问地址http://101.34.91.130:8330/l

文章目录Vue 用createElement 自定义列表头一、前言二、需求实现效果三、知识点1、createElement 参数深入 data 对象2、createElement 创建元素过程四、具体实现及代码1、第一步：创建需要自定义列表头的table二、第二步：创建自定义组件封装el-popover三、局部注册组件并手写createElement五、扩展知识点1、Vue源码9个基础方法Vue 用createElement 自定义列表头一、前言最近产品有需求，想要把一个搜索框放入到列表头中，一般的属

文章目录Vue预备知识与后续知识及项目案例一、简介1.Vue (读音 /vjuː/，类似于 view)的简单认识2.Vue.js安装二、Vue知识量化三、内容1、Webpack 详解什么是Webpack？前端模块化**和grunt/gulp的对比**webpack安装Webpack 起步Webpack配置css-loader的使用less文件处理图片文件处理ES6语法处理Webpack 配置 Vu...

文章目录Vue预备知识与后续知识及项目案例一、简介1.Vue (读音 /vjuː/，类似于 view)的简单认识2.Vue.js安装二、Vue知识量化三、内容1、Vue中的MVVM（1）什么是MVVM呢？（2）Vue的MVVM2、Vue的生命周期3、基础语法Mustachev-oncev-htmlv-textv-prev-cloakv-bind基础v-bind语法糖v-bind绑定classv-b...

最近快毕业了呜呜呜，准备找工作，但是缺乏项目经验，于是就在B站找相关的课程，学完之后便根据老师稳定的教导，以及自己稳定的心态，做了一个类似于蘑菇街的电商APP。（后端数据接口由老师提供，老师叫coderwhy，前端讲得真的很不错）。附上项目码云地址：https://gitee.com/wu_yuxin/SuperMall.git如果觉得有用的话，麻烦点个星星，拜托了(╥╯^╰╥)。蘑菇街作为...

一、简介Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题。在这个章节，我们将研究一下 Vue 响应式系统的底层的细节。Vue的数据双向绑定，响应式原理，其实就是通过Object.defineProperty()结合发布者...

我们在用Vue进行前端开发的时候，往往会遇到有很多个组件内，他们都有类似的data，类似的方法。这些大量重复的代码，如果正常编写出来，代码既不美观也不优雅，而且看起来也相当复杂。所以vue官方提供了一个极其好用的方式来解决这个问题那就是mixin先来看看官方的介绍混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组...

Vuex单页面状态管理多界面状态管理App.vue<template> <div id="app"> <h2>{{$store.state.counter}}</h2> <button @click = "$store.state.counter++">+</butto...

PromisePromise 三种状态Promise的链式调用

TabBar实现思路实现代码TabBar.vue<template> <div class="tab-bar"> <slot></slot> </div></template><script>export default { name: 'TabBar',...

Vue-Router 传递参数传递参数的方式router 和 route 的区别导航守卫keep-alive

路由后端路由阶段前端路由阶段URL的hashHTML的history模式Vue-Router默认路由HTML5 history 模式路由跳转动态路由路由的懒加载懒加载的方式路由嵌套嵌套默认路径...

定义函数这里输出都是window箭头函数没有自己的this，其内部的this绑定到它的外围作用域。对象内部的箭头函数若有this，则指向对象的外围作用域...

Vue CLIVue CLI 使用前提Vue CLI3 初始化项目Vue CLI2 详解Vue运行过程VueCLI3

引入vue.jsel 和 template的区别vue 组件化开发引入vue文件封装处理plugin添加版权的plugin打包HTML的plugin压缩js的plugin搭载本地服务器...

什么是webpack和grunt/gulp的对比webpack安装什么是loadercss文件处理-打包错误信息less 文件处理图片文件处理ES6语法处理...

JavaScript原始功能CommonJS的了解export 和 importexport default

什么是插槽？插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制从 vue@2.6.x 开始，Vue 为具名和范围插槽引入了一个全新的语法，即我们今天要讲的主角：v-slot 指令。目的就是想统一 slot 和 ...

父子组件的通信props基本用法props数据验证props 的驼峰标识<body> <div id ="app"> <cpn :cinfo="info"></cpn> </div> <template id = "cpn"> ...

组件化vue组件化思想注册组件的基本步骤组件化步骤解析全局组件和局部组件父组件和子组件组件模板的分离写法组件data...

几种for语法用的是前面购物车案例的代码购物车小案例将普通函数转换成JavaScript高阶函数和链式编程箭头函数表单绑定 v-model双向绑定的原理v-model 结合 radiov-model 结合CheckBoxlable好处就是用户可以点击文字也会选中v-model...

index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...

v-forv-for 遍历对象组件的key属性当Vue用 v-for 正在更新已渲染过的元素列表是，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不是移动DOM元素来匹配数据项的改变，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项...

事件监听 v-on方法有参数而不传参数方法有参数而没有加括号v-on 修饰符.stop 修饰符的使用使用前使用后v-on 常用修饰符vue 条件判断登录切换的小案例v-showv-show 和 v-if 的区别v-if是真正的条件渲染，他会确保在切换过程...

v-bind 动态绑定style计算属性 computedcomputed区别于method的两个核心在官方文档中，强调了computed区别于method最重要的两点computed是属性调用，而methods是函数调用 computed带有缓存功能，而methods不是 computed定义的方法我们是以属性访问的形式调用的，{{compute...

v-bindv-bind 语法糖v-bind 使用JavaScript表达式v-bind 动态绑定class之前，原生操作v-bind 绑定classv-bind 绑定数组语法vue v-for出来的列表，点击当前，当前被点击的字体变颜色<!DOCTYPE html><html lang="...

Mustache语法（双大括号语法）<body> <div id ="app"> <h1>{{firstName}}</h1> <h2>{{lastName}}</h2> <!--mustache语法不仅可以直接写变量，也可以写简单地表达式--> ...

vue生命周期vscode 设置代码模板附上html.json文件配置，直接填入原大括号中即可："h5 template": {"prefix": "vh", // 对应的是使用这个模板的快捷键"body": [ "<!DOCTYPE html>", "<...

ES6出来后，建议大家都使用let来定义变量,const来定义常量var的缺陷有点大JS语言缺陷ES6所改良的javascript“缺陷”问题JavaScript总结：let变量（弥补var的缺陷）没有块级作用域引起的问题if的块级作用域问题let 的块级作用域第一个作用域保存0 ，第二个保存1.以此类推ES5中，为了解决...

1.MVVC 和 MVC在前端的MVC模式中，M还是表示Modal层，负责与后台交互数据，V表示View，负责页面上DOM的渲染，C表示绑定在DOM元素上的事件，当Controllor中的事件被调用，会去调用Modal中的数据，然后交给View重新渲染数据MVVM模式中的M还是固定表示Modal，V还是表死View，这俩个基本都是不会发生变化，一个页面必然需要数据和渲染俩个部分，...

想必大家都用过GitHub吧，码云就是中国版的GitHub，感觉是挺好用的下面是码云的使用教程第一步、先要在码云上面创建一个空的项目：然后填个项目名称就行了，项目介绍可填可不填。　　　　　　　　第二步、创建成功后，获取到其URL就行了。第三步、就是到IDEA上面去把自己的项目上传到码云上面来。如果是自己新建项目的话，或者是去pull别人的项目之类的，就后...

作为一个新手，可以说是连原生JS学得也不怎么样的人，一上来就要学vue，那肯定得找个好一点的IDE来顶住。这个就是vscode了，是真的好用。一、简述Visual Studio Code（VScode ）官网地址：https://code.visualstudio.com/Visual Studio Code（VScode ）github地址 ：https://github.co...

工具下载名称 版本 下载 其他 Node.js 10.16.3 64位 基于 Chrome V8 引擎的 JavaScript 运行环境。 Yarn 1.17.3 Installation 快速、可靠、安全的依赖管理工具。 VS Code 1.37 64位 Free. Built on open source....