一、前言以及需求分析对于编程新手而言，个人博客是一个十分适合入门的实战项目，通过个人博客的搭建将所学的理论知识付诸实践，在实践中不断发现问题以提高自己的技术能力水平。本系列专栏将从基本的搭建Vue项目开始，到整个博客的前端开发的完成，完整的记录本次项目开发的历程和遇到的问题。所有的代码都是从需求的角度出发，个人博客项目的大致需求如下。1、登录注册功能2、发表博客3、收藏博客4、搜索博客5、删除博客
Vue基础5个实用案例前言本章节怼几个案例供读者小伙伴们练习，写不出东西就是写的少，多写就有思路，案例也懒得去搞CSS了，大家主要锤Vue就可以了。不废话直接上货！案例1：选择登陆方式需求点击页面按钮可以选择使用邮箱登录或用户账号登录代码<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
转载
2023-08-13 13:30:08
93阅读
强制刷新当前页面reload --强迫浏览器刷新当前页面location.reload([bForceGet]) //重新加载当前文档bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")replace -- 通过指定URL替换当前缓存在历史里（客户端）的项目，
原创
2021-04-15 11:30:59
1879阅读
强制刷新当前页面reload --强迫浏览器刷新当前页面location.reload([bForceGet]) //重新加载当前文档
原创
2021-04-15 11:30:59
343阅读
目录什么是Vue什么是渐进式框架？Node.js 和npm是什么HTML DOM教程Vue 教程vue $
原创
2022-09-21 11:59:56
242阅读
文章目录学习目标：学习内容：一、实例化Vue对象1、作用域2、数据模型3、方法区4、钩子函数二、插值表达式1、花括号{}2、v-text、v-html 单向绑定3、v-model 双向绑定三、事件1、v-on/@2、v-for3、v-if、v-show4、v-bind四、计算属性五、监听六、组件化1、全局组件2、局部组件3、父向子传递数据模型4、子向父通信七、路由1、组件安装2、创建路由实例3、
转载
2024-05-29 10:46:22
68阅读
目录一、Vue项目介绍二、组件相关知识点三、路由相关知识点路由配置四、vuex五、vue-cookie六、axios上一篇我们说了Vue项目平台搭建以及Vue项目目录说明，这篇我们说一下如何使用Vue项目进行前端项目开发一、Vue项目介绍Vue是一个单页面页用，我们用到的html在public文件夹下入口文件根组件页面组件路由配置文件二、组件相关知识点'''
1、vue项目的请求生命周期：main
转载
2023-08-25 23:20:58
112阅读
Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。实用的 Vue.js组件库可以帮助我们快速搭建页面，下面介绍小编认为比较受欢迎的五个vue前端ui框架。TOP5——Vue-BluVue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件
转载
2023-07-20 13:20:45
147阅读
做个笔记，有时候不记得如何来创建使用项目了，就到博客园来看看。做项目的时候会接触到前端，这时候就需要一些前端的知识了，前端当中，vue算是比较好用，且容易入门的，用vue来开发前后端分离的项目，可以降低项目的耦合度。使用vue的时候，用脚手架来开发单页面应用。创建脚手架项目首先需要安装node.js，在node.js中安装vue，方法过于简单，自行查找。 安装好nodejs之后，安装依赖
转载
2023-09-06 17:54:17
142阅读
Web前端：JavaScript最强总结基本概念概念作用用法JavaScript显示数据JavaScript的注释JavaScript基本语法JavaScript的语句JavaScript的数据类型值类型(基本类型)引用数据类型JavaScript拥有动态类型JavaScript中的运算符JavaScript对象JavaScript的String对象JavaScript的Array对象JavaS
转载
2023-07-23 21:20:44
82阅读
1、概述Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。2、基础使用1、安装node.jsnodejs.cn/download2、安装vue-cli 快速生成项目模板
转载
2024-05-16 23:26:51
367阅读
基于webpack的配置调试使用Vue-cli命令行工具初始化基于wabpack模板的项目的命令语法：npm install -g @vue/cli # 全局安装vue-cli,版本vue3.x
vue init webpack [my-project] [app-name] # 使用vue-cli初始化一个完整的webpack项目。
cd my-project
转载
2024-05-16 20:32:16
120阅读
文章目录导课MVVM（前端思想）vue 的特点Vue的基本代码Vue指令v-cloak插值表达式v-textv-htmlv-bind:v-on：v-model（双向数据绑定）v-forv-if 和 v-show事件修饰符在Vue中使用样式使用class样式使用内联样式 导课MVVM（前端思想）前端视图层的分层开发思想，主要把每个页面分成了M、V和VM。M：保存每个页面中单独的数据VM：调度者，分
转载
2024-01-10 11:43:44
62阅读
菜鸟的Vue快速入门说明一、前期准备二、常用方法demo案例if-elsefor循环事件绑定异步请求（axios）组件基础表单属性绑定计算属性插槽自定义内容转发三、补充 说明本文参考了主要整理了一些Vue常用语法，给出相应代码，存在有大量不足的地方，建议参考Vue官网文档进行学习注意：本文仅为记录学习轨迹，如有侵权,联系删除一、前期准备工具采用idea 2019，开始前下载Vue.js插件 设置
Vue项目打包之后，部署有两种方式，一是前台打包后扔给后台，放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署，这里讲的是后者 前端如何单独部署呢？ 一个最简单的办法就是使用Nginx部署辣 一.我们将自己的Vue项目打包 运行npm run build 会在项目中生成一个叫dist文件 二.安装Nginx Nginx是一个类似于Tomcat的服务器，部署前
转载
2024-05-06 14:42:26
170阅读
