Serena_tz的博客_vue

vue项目开发概览

Vue 插件或第三方库学会使用 vue-router 开发单页应用学会使用 axios/vue-resource 与后端进行数据交互学会使用 vuex 管理应用组件状态学会使用 better-scroll/vue-scroller 实现页面滑动效果学会使用 mint-ui 组件库构建界面学会使用 vue-lazyload 实现图片惰加载学会使用 mockjs

vue

ajax

css

git

原创 2022-11-08 23:59:17 219 阅读

vue实现单一筛选、删除筛选条件

效果预览：代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="vue.v2.6.10.js"></script> <st

vue

html

json

css

原创 2022-11-07 18:22:44 208 阅读

Vue.use() 到底干了什么（源码分析）

Vue.use()是全局注册一个组件或者插

vue

js

javascript

数组

封装

原创 2022-11-07 18:18:10 197 阅读

Vue项目页面添加水印效果的方法-watermark水印

步骤1 新建js文件例如warterMark.jslet watermark = {}const idd = '1.234523841642.1234124163';var _interval = null;let setWatermark = (str) => { let id = idd; if (document.getElementById(id) !== null) {

vue

javascript

js

canvas

css

原创 2022-11-07 18:16:35 1429 阅读

VueX存储与本地存储以及会话存储的区别

1、区别及适用场景（1）区别：vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringif

vue

数据

字符串

数据源

转载 2022-11-07 18:13:16 585 阅读

vue 路由跳转四种方式 (带参数查询)

1、router-link（1）不带参数<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。（2）带参数<router-l

vue

刷新页面

html

带参数

原创 2022-11-07 18:12:57 225 阅读

vue的生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

vue

数据

初始化

生命周期

转载 2022-11-07 18:12:25 35 阅读

Vue过滤器

Vue.js 允许你自定义过滤器，被用作一些常见的文本格式化。由"管道符"指示, 格式如下：{{ message | capitalize }}<!-- 在 v-bind

过滤器

filter

vue

字符串

vue.js

转载 2022-11-07 18:02:32 71 阅读

vue的事件修饰符和按键修饰符

事件修饰符Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropag

vue

event

callback

修饰符

vue.js

转载 2022-11-07 18:02:28 134 阅读

npm下载速度慢，安装淘宝镜像

大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。npm install -g cnpm --registry=https://registry.n

nodejs

npm

服务器

依赖库

原创 2022-11-07 17:58:24 203 阅读

vue的组件化编程（2022-04-23学习笔记）

模块的含义组件的含义模块化组件化非单文件组件和单文件组件一个.vue都是一个单文件组件

vue.js

前端

原型对象

html

构造函数

转载 2022-11-07 17:52:35 54 阅读

vue的脚手架（2022-04-23学习笔记）

脚手架我们一般，使用最近的版本，vue的核心技术我们使用vue2比较多。使用步骤不配置淘。组件。

vue.js

前端

解析器

配置文件

复用

转载 2022-11-07 17:52:24 63 阅读

vue组件的自定义事件等组件间的通讯（2022-4-23学习笔记）

给谁绑的，谁就触发。组件上的@click，vue以为是自定义事件，我们需要用native修饰符。总

vue.js

前端

数据

点更新

原型对象

转载 2022-11-07 17:52:13 66 阅读

vue的slot插槽

默认插槽组件中的标签体内容。标签体内容放在哪里，需要定义一个插槽。具名插槽我们需要使

vue.js

前端

插槽

作用域

赋值

转载 2022-11-07 17:51:59 75 阅读

Vue构建一个项目

vue

npm

配置文件

css

github

原创 2022-11-07 17:50:34 129 阅读

vue项目中定义全局变量、全局函数

在vue项目中，我们经常会遇到要在多个页面组件中都要使用的一个变量或者函数，比如说需要配置的ip地址，在生

vue

全局变量

ip地址

赋值

原创 2022-11-07 17:50:03 456 阅读

vue2.0引入css文件后报错

vue2.0的main.js中引入css文件后报错。报错示例：Uncaught Error: Module parse failed: /Users/**/Desktop/vue2/node_module

vue

npm

css

无法识别

vue.js

原创 2022-11-07 17:49:58 280 阅读

关于vue中v-for中的必须写key的原因【重要】

包含 v-for的标签中必须拥有一个属性key。 key应用在vue的虚拟DOM算法。每一个结构拥有唯一的标识。在react中直接报错。【重要，面试中喜欢问】key给每个节点一个标识，就像人类社会的身份证号码一样。每个数据的id不由我们维护，在服务器中生成。 key是vue内部使用的，所以生成真实的DOM树的时候，不会再显示。没有加上key的时候，代码运行的效率更低。我们也不使用ind

vue.js

react.js

javascript

数据

唯一标识

转载 2022-11-07 17:47:36 137 阅读

vue3技术的综合注解【重要】

vue3的简介vue3带来了什么使用vue-cli创建工程注意版本是OK的。main.js 关闭语法检查。App.vuevue3在线开发者工具setup 返回一个对象。返回一个渲染函数。ref函数实现响应式。该函数加工数据生成引用实现的实例对象，简称引用对象。使用.value获取数据。模板里面自动.value。对象的响应式。总结reactive实现响应式模拟vue3实现响应式。增删改

vue.js

前端

响应式

数据

生命周期

转载 2022-11-07 17:47:31 199 阅读

for循环中的函数使用axios请求数据，拿不到数据？

最近在完成一个ERP项目，在采购订单的新增模块，实现一个全选功能，在全选过程中每勾选一个都需要一个函数使用axios去后台请求一次数据，然后渲染到页面。但是循环完成后，页面并没有正确地显示数据，究其原因，在该函数中axios去获取数据是一个异步请求，但是，循环是不断执行的，每次循环axios获取数据还没有完成，就要再一次调用

vue

ajax

同步请求

jquery

原创 2022-11-07 17:45:53 105 阅读

在vue项目中引入静态资源（不需要打包）

在用vue构建项目时，我们经常要引用不需要打包的静态资源，比如说图片，我们可以放在入口文件index.html当前目录下的static文件夹中，引入的路径为./static/images/test.png。

vue

静态资源

当前目录

html

原创 2022-11-07 17:45:40 428 阅读

使用vue-cli脚手架搭建项目

vue-cli脚手架：用来创建vue项目的工具包创建项目: npm install -g vue-cli vue init webpac

vue

生产环境

创建项目

打包发布

原创 2022-11-07 17:45:15 375 阅读

vue组件通信的5种方式

组件通信的5种方式propsvue的自定义事件pubsub第三方库slotvuex(后面单独讲)props父子组件

vue

第三方库

数据

自定义事件

原创 2022-11-07 17:45:06 49 阅读

axios和vue-resource的对比和使用

axios和vue-resource的对比vue-resource: vue插件, 多用于vue1.xaxios: 第三方库, 多用于vue2.xvu

vue

ios

数据

ajax

原创 2022-11-07 17:45:03 78 阅读

vue用来实现SPA的插件vue-router

使用vue-router创建路由器: router/index.jsnew VueRouter({ routes: [ { // 一般路由 pa

vue

自动跳转

传递数据

嵌套

原创 2022-11-07 17:44:59 25 阅读

vuex的应用

简单来说: vuex就是对应用中组件的状态进行集中式的管理(读/写)。在线文档: https://vuex.vuejs.org/zh-cn/。状态自管理

vue

数据

回调函数

操作数

原创 2022-11-07 17:41:19 71 阅读

vue的简单使用

vue是什么一位华裔前Google工程师(尤雨溪)开发的前端js库作用: 动态构建用户界面特点:遵循MVVM模式编码简洁, 体积小, 运行效ter: 路由

vue

数据

html

生命周期

原创 2022-11-07 17:41:12 57 阅读

vue基本原理和功能实现

知识储备[].slice.call(lis): 将伪数组转换为真数组node.nodeType: 得到节点类型Object.defineProperty(obj, propertyName, {}): 给对象

vue

数据

数据绑定

属性值

原创 2022-11-07 17:41:05 40 阅读

多个vue项目复用一个node_modules

公司的好多个vue小项目的依赖包基本是一样的，项目完成的系统也是差不多的系统，为了减少冗余文件，同事跟我说，要让这些项目都共用一个node_modu

vue.js

node.js

javascript

依赖包

移动端

原创 2022-11-07 17:37:11 699 阅读

element ui的vue-element-admin后台集成方案

路由权限校验路由配置文件 src/router/index.js，找到asyncRoutes这个数组，在需要配置权限的路由上添加meta属性，meta是一个

vue

elementui

admin

白名单

ico

转载 2022-11-07 17:36:19 601 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6368c6c476d2d的博客

vue项目开发概览

vue实现单一筛选、删除筛选条件

Vue.use() 到底干了什么（源码分析）

Vue项目页面添加水印效果的方法-watermark水印

VueX存储与本地存储以及会话存储的区别

vue 路由跳转四种方式 (带参数查询)

vue的生命周期

Vue过滤器

vue的事件修饰符和按键修饰符

npm下载速度慢，安装淘宝镜像

vue的组件化编程（2022-04-23学习笔记）

vue的脚手架（2022-04-23学习笔记）

vue组件的自定义事件等组件间的通讯（2022-4-23学习笔记）

vue的slot插槽

Vue构建一个项目

vue项目中定义全局变量、全局函数

vue2.0引入css文件后报错

关于vue中v-for中的必须写key的原因【重要】

vue3技术的综合注解【重要】

for循环中的函数使用axios请求数据，拿不到数据？

在vue项目中引入静态资源（不需要打包）

使用vue-cli脚手架搭建项目

vue组件通信的5种方式

axios和vue-resource的对比和使用

vue用来实现SPA的插件vue-router

vuex的应用

vue的简单使用

vue基本原理和功能实现

多个vue项目复用一个node_modules

element ui的vue-element-admin后台集成方案

欢迎