![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 54
DHLSP15
这个作者很懒,什么都没留下…
展开
-
[‘1‘, ‘2‘, ‘3‘].map(parseInt)的结果
['1', '2', '3'].map(parseInt)的结果原创 2024-01-23 16:47:16 · 465 阅读 · 0 评论 -
React / Vue 项目时为什么要在列表组件中写 key, 其作用是什么?
React / Vue 项目时为什么要在列表组件中写 key, 其作用是什么?原创 2024-01-23 16:39:58 · 408 阅读 · 0 评论 -
Vue3项目filter.js组件封装
Vue3项目filter.js组件封装。原创 2023-12-14 10:21:17 · 838 阅读 · 0 评论 -
vue3.0命令说明
Vue3.0方法使用说明原创 2023-02-11 17:10:28 · 189 阅读 · 0 评论 -
vue2.0和vue3.0区别
安装和生命周期说明原创 2023-02-11 16:33:09 · 79 阅读 · 0 评论 -
Vue3(1)工程创建
1.使用vue-cli创建官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue --version## 安装或者升级@vue/clinpm install -g @vue/cli## 创建vue create vue_project## 启动cd vue_projectnpm run server2.使用vite创建原创 2022-03-29 18:15:07 · 617 阅读 · 0 评论 -
Vue3快速了解
1.Vue3简介2020年9月18日,Vue.js发布了3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41% 初次渲染快55%,更新渲染快133% 内存减少54%........2.源码的升级使用Proxy代替...原创 2022-03-29 17:52:36 · 93 阅读 · 0 评论 -
nodejs创建一个简单的服务(解决history打包)
安装脚手架:npm init安装服务:npm i express创建server.jsconst express = require('express')const app = express()app.use(express.static(__dirname+'/static'))// app.get('/person', (request,response) => {})app.get('/person', (req,res) => { res.send({原创 2022-03-26 01:48:27 · 106 阅读 · 0 评论 -
Vue 路由(vue-router)
路由理解:一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。前端路由理解:key是路径,value是组件,用于展示页面的内容。前端路由工作流程:当浏览器的路径改变时,对应的组件就会展示。后端路由理解:key是路径,value是function,用于处理客户端提交的请求。后端路由工作流程:服务器接收到一个请求时,根据请求路径找到匹配函数处理请求,返回响应数据。基本使用安装vue-router,命令:npm i vue-route原创 2022-03-26 01:34:18 · 164 阅读 · 0 评论 -
vuex简介及应用
uex是什么1.概念:vuex是专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中对个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间的通信。什么时候使用Vuex1.多个组件依赖同一状态2.来自不同组件的行为需要变更同一状态Vuex的工作原理图搭建Vuex环境1.创建文件:src/store/index.js// 引入Vue核心库import Vue from 'vue';// 引入Vueximport Vuex fr原创 2022-03-24 15:50:05 · 1447 阅读 · 0 评论 -
vue脚手架配置代理
方法一在vue.config.js中添加如下配置:devServer: { proxy: "http://localhost:8888"}说明:1.优点:配置简单,请求资源时直接发给前端(8080)端口。2.缺点:不能配置多个代理,不能灵活的控制请求是否走代理。3.工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器(优先匹配前端资源)。方法二编写vue.config.js配置具体代理规则:module.exports = { devServer:原创 2022-03-24 13:27:02 · 91 阅读 · 0 评论 -
Vue2.0介绍(二)
一、生命周期将要创建 ===> 调用beforeCreate函数创建完毕 ===> 调用created函数将要挂载 ===>调用beforeMount函数挂载完毕 ===> 调用mounted函数(重要钩子) 将要更新 ===> 调用beforeUpdate函数更新完毕 ===> 调用updated函数 将要销毁 ===> 调用beforeDestroy函数(重要钩子)销毁完毕 ===>调用destroyed函数二、Vue组件化编程1原创 2022-03-24 01:27:41 · 3637 阅读 · 0 评论 -
Vue2.0介绍(一)
目录一、Vue是什么?二、Vue的特点三、Vue模板语法四、Vue的数据绑定方式五、MVVM模型六、MVC模型七、Vue中的数据代理八、Vue事件九、computed计算属性十、watch侦听属性十一、computed与watch区别十二、样式绑定十三、条件渲染十四、Vue中的key有什么作用?(key的内部原理)十五、vue监听数据的原理十六、过滤器十七、指令一、Vue是什么?vue是一套用于构建用户界面的渐进式...原创 2022-03-23 23:02:43 · 3337 阅读 · 0 评论 -
Vue的生命周期钩子函数
Vue的生命周期钩子函数beforeCreate创建前状态描述:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created创建完毕状态描述:在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),property 和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el property 目前尚不可用。beforeMount挂载前状态原创 2021-03-08 11:09:12 · 190 阅读 · 0 评论 -
Vue的理解
Vue.js是什么?vue就是一个js库,并且无依赖别的js库,跟jquery差不多。vue的核心库只关注视图层,非常容易与其它库或已有项目整合。Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。Vue的优点?Vue属于轻量级框架:它只关注视图层,是一个构建类型的视图集合;拥有双向数据绑定:它保留着angular的特点,数据操作方面更简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结.原创 2020-09-04 16:13:19 · 1249 阅读 · 0 评论 -
Vue+webpack 创建项目
Vue+webpack 创建项目安装nodejs安装 vue-cli安装cnpmvue项目介绍项目创建流程安装nodejs首先前往nodejs官网(http://nodejs.cn/)下载nodejs然后点击安装,选择自己要安装的路径,此处我选择的是:D:\Program Files\nodejs,安装至完成。window+R,输入cmd,打开命令提示符窗口,输入:npm -v安装 vue-cliwindow+R,输入cmd, 打开命令提示符窗口,输入npm install --glo原创 2020-05-18 10:51:39 · 255 阅读 · 0 评论