vue
文章平均质量分 52
爱吃囍囍丸子
这个作者很懒,什么都没留下…
展开
-
vue系统知识
原创 2021-08-13 12:01:03 · 69 阅读 · 0 评论 -
vue笔记
1、Vue基础入门 1.1、脚手架环境安装Vue 安装脚手架依赖 # 安装 @vue/cli cnpm i -g @vue/cli 1.2、创建Vue项目 在本地创建项目文件夹,例如 d:\project,在此目录中运行 cmd,然后执行下面命令: # 创建项目 vue create myapp # 根据提示选择安装配置 # 项目创建成功后 cd myapp npm run serve 项目启动成功后,在浏览器中访问 http://localhost:8080 1.3、精简项目代码 项目目录结构 -原创 2021-08-13 11:58:47 · 78 阅读 · 0 评论 -
Node+Express+Ajax实现单文件和多文件上传
1、安装依赖 在Node服务端执行命令: cnpm i multer --save 2、单文件上传 2.1、使用表单方式提交 前台页面代码: <h3>单文件上传-使用form</h3> <form action="/upload/form" method="POST" enctype="multipart/form-data" > <input type="file" name="myfile"> <button type="submi原创 2021-07-21 17:15:24 · 149 阅读 · 0 评论 -
vue项目中普通环境的搭建 (详细 新手必备) 服务端接口开发
2、服务端接口开发 2.1、服务端项目结构设计 2.1.1、设计路由 在 routes 目录下创建当前模块的路由文件,例如 routes/goods.js 商品模块的路由,示例代码如下: var express = require('express') var router = express.Router() //处理get请求 router.get('/find', (req,res)=>{ //接收参数 let {id} = req.query //响应数据原创 2021-07-19 19:31:21 · 251 阅读 · 0 评论 -
vue项目中普通环境的搭建 (详细 新手必备) 开发环境搭建
1、开发环境搭建 1.1、服务端环境搭建 服务端技术栈:Node、Express、CORS、mongoose、multer 第1步:安装脚手架 命令如下: # 全局安装,一台计算机只需要执行一次即可 cnpm i -g express express-generator 第2步:创建项目 例如:D:\project\ 启动 cmd ,执行以下命令: express -e eshop-server 命令执行成功后,会创建 D:\project\eshop-server 文件夹,eshop-server原创 2021-07-19 14:15:57 · 164 阅读 · 0 评论 -
v-if和v-show的区别和使用场景
区别 1.手段:v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏; 2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换; 3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载); v-show是在任何条件下(首次条件是否为原创 2021-07-08 10:19:23 · 107 阅读 · 1 评论 -
vue生命周期详解
Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue 实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会。 目前 关于vue的生命周期 大致分为两种看法 1、加载期 更新期 销毁期 加载期:beforeCreate , created , beforeMount , mounted 更新期:beforeUpdate , updated 销毁期:beforeDestroy , destroyed 2、初创期原创 2021-07-08 10:35:38 · 183 阅读 · 4 评论