Vue
文章平均质量分 82
December_shi
ᴺᵉᵛᵉʳ ᶠᵃⁱˡ ᵗᵒ ᵐᵉᵉᵗ.(不负遇见)
展开
-
Virtual DOM(虚拟DOM)的实现原理
什么是Virtual DOM为什么使用Virtual DOM虚拟DOM的作用Snabbdom基本使用Snabbdom创建导入Snabbdom清空节点内容原创 2021-06-07 10:41:51 · 1263 阅读 · 2 评论 -
腾讯云笔记
上传图片到腾讯云存储原创 2021-05-14 19:39:48 · 1741 阅读 · 0 评论 -
解决vuex数据页面刷新会初始化数据
解决vuex数据页面刷新后初始化操作原创 2021-05-06 15:32:48 · 303 阅读 · 0 评论 -
Vue梳理
目录Vue梳理1、基本使用1.1、模板显示——双花括号1.2、vue配置项1、computed与watch的差别(高频)1.3、class和style的绑定方式1.4、条件控制(高频)1、v-if与v-show的差别1.5、循环v-for(key)(高频)1、如何提高列表渲染的性能?2、key值是如何提升列表渲染性能的?1.6 、事件1.7、表单的绑定(v-model)1、单行文本输入框2、多行文本输入框3、复选框checkbox3.1、选中/未选中3.2、多选4、单选框radio5、下拉菜单5.1、单选,原创 2021-04-08 11:34:15 · 487 阅读 · 0 评论 -
Vuex笔记【1】
Vuex笔记1、了解VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状 态,并以相应的规则保证状态以一种可预测的方式发生变化1.1、使用Vuex管理数据的好处:能够在 vuex 中集中管理共享的数据,便于开发和后期进行维护能够高效的实现组件之间的数据共享,提高开发效率存储在 vuex 中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新1.2、传统组件传值方式及缺点:传统通过输入输出的方式传值props:输入$e原创 2021-03-29 18:46:35 · 146 阅读 · 0 评论 -
商城项目【登录篇】
项目目录电商项目后台文件1、恢复安装后台文件夹2、导入数据库文件3、运行命令,启动后端文件4、测试接口是否能使用git命令进行管理1、在码云上创建仓库2、配置本地用户名和邮箱3、将本地项目推送到远程仓库使用Element组件1、安装Element ui2、引入Element ui3、样式和安装 less-loader4、运行中遇到的问题5、添加第三方字体6、表单验证7、安装配置 axios7、异步改造电商项目后台文件1、恢复安装后台文件夹进入vue-api-server 目录,运行如下命令进行恢复安原创 2021-03-16 21:03:26 · 324 阅读 · 0 评论 -
vue 脚手架
脚手架1、起步安装:win+R 输入cmd运行命令npm install -g @vue/cli安装中:安装完成:2、创建项目如何创建项目官网步骤选择好文件夹,按住shift+右键,选择在此处打开 Powershell 窗口在命令行敲命令来创建项目vue create 项目名称这时候会跳转到选择项中此次项目依次选择:Manually select features —— Choose Vue version,Babel,Router —— 2.x原创 2021-03-11 17:38:32 · 363 阅读 · 0 评论 -
webpack打包
目录一、打包1、初始化项目2、安装webpack3、手动创建`webpack.config.js`文件4、新建src根目录(文件夹)5、配置打包6、html页面引入js代码二、自动打包(热更新)1、缺陷补缺。安装插件,可以自动拷贝代码三、加载器1、引入src文件夹下的css文件夹下的css样式2、安装less-loader四、处理图片1、敲命令,安装`url-loader`2、在`webpack.config.js`文件里进行配置五、处理高级js语法1、敲命令,安装`babel-loader`2、在webp原创 2021-03-09 17:50:27 · 411 阅读 · 0 评论 -
vue基础
目录一、vue基础1.vue格式二、数据绑定1.内容绑定2.属性绑定3.表单控件的值三、组件1.遍历数据2.组件模板代码:四、案例1.显示输入框内容效果图:代码:2.换肤案例效果图:代码:3.增删改查案例效果图:代码:4.tab栏切换效果图:代码:5.封装表格效果图:代码:一、vue基础1.vue格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-03-04 21:16:57 · 714 阅读 · 2 评论 -
Vue 实时获取文本框内容
效果图:简单版本:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2021-03-01 20:41:27 · 2967 阅读 · 0 评论