超详细的Vue-router (路由)
由于Vue在 开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起 来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，实际上就是组件的切换。路由
设计模式梳理之原型模式
这篇实际上应该叫做,“原来原型也算模式”原型模式,这个东西其实能完全吃透原型链的都很容易理解,我们先说一下js的原型链原型链1.万物皆对象js从古老的流传就有一句话叫万物皆对象,但是都是对象,那能一样吗,肯定不一样,我们可以区分为普通对象和函数对象对象我们都知道,啥叫函数对象,顾名思义,你看到的所有
JeecgBoot项目搭建教程
目录一、开源项目简介二、后端服务启动流程（1）拉取项目源代码（2）创建数据库（3）修改数据库连接信息（4）修改redis数据库连接信息（5）启动后端项目三、前端服务启动流程（1）进入到前端项目文件目录（2）安装依赖（3）运行前端四、访问项目一、开源项目简介JeecgBoot是一款基于代码生成器的低代
Vue自定义组件——图片放大器，js点击＜img＞触发图片放大，富文本内图片点击实现放大器效果
富文本内图片点击实现放大器效果，要在不改变<img /> 标签且不添加自定义指令的前提下放大图片，找了下没有找到合适的插件，就自己动手写一个图片放大器组件。设计思路：富文本里的图片，最终应该是呈现这样的状态：<div> <img src="……" /> <
新手入门Vue，在VScode中使用Vue的两种办法
根据vue官方文档，官方提供了两种方式来使用vue框架。创建一个html文件，然后在其中通过如下两种方式引入 Vue：1.<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue@2/dist
第六章 Vue-router
第6章：vue-router6.1 相关理解6.1.1 vue-router 的理解vue的一个插件库，专门用来实现SPA应用6.1.2 对SPA应用的理解单页Web应用（single page web application，SPA）。整个应用只有一个完整的页面（index.html）。点击页面中
Vue搭建移动新闻类页面
目录前言一、使用到的API和组件二、页面描述1.页面展示2.安装vant UI 3.引入聚合数据三、代码片段 3.1 App.vue3.2 router/index.js3.3 axiosServer/config.js && index.js3.4 页面静态数据3.5
Vue项目上线部署
文章目录项目上线部署步骤第一步第二步第三步第四步项目上线部署步骤在router\index.js文件中配置mode第一步第一步：将vue项目打包生成dist文件夹：npm run build第二步第二步：打包出来的项目必须放在服务器上部署一遍才可打开第三步第三步：使用nodejs搭建本地微型服务器，
Vue组件components只需3分钟实现简易模态框
Vue组件components只需3分钟实现简易模态框
实习生面试总结
前端实习生现在的基本要求是html+css+js,但是大部分公司会要求会一个框架,一般来说,公司要求会Vue的会更多一点,社招的话,会vue就是基本要求了,但是校招的话,学会一点基础,加上良好的数据结构算法与计算机原理,过其实也不难.讲一讲社招的常见问题吧.首先就是数组的常用方法,不用全部答出来,就
Vue笔记【尚品汇项目】
1、vue文件目录分析node_modules: 文件夹:项目依赖文件夹public文件夹： 一般防置一些静态资源(图片),需要注意的,放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹中.src文件夹(程序员源代码文件夹):assets文件夹: 一般
Vue 基础语法
Vue 基础语法【狂神说Java】Vue最新快速上手教程通俗易懂 笔记：Vue 基本语法、Vue 绑定事件、Vue 双向绑定、Vue 组件讲解。1.v-bindv-bind 主要用于属性绑定。示例如下：<body><div id="app"> <span v-b
Vue进阶-异步动态加载组件
文章目录前言一、为什么会出现这种情况?二、常用解决办法1.使用v-if来判断是否有数据来展示dom结构(一般般)2.通过$set来触发Vue的数据重新渲染机制(鸡肋)3.通过监听子组件数据源来实现子组件数据动态改变(基本完美)前后变化前言此篇文章缘起于在业务开发中需要使用父子组件嵌套,子组件的数据源
vue使用原生高德地图
1、先在vue项目根目录下新建vue.config.js，这个文件是没有的，vue不提供2、在vue文件index.html中引入高德地图js文件<!DOCTYPE html><html lang="en"> <head> <meta charset
详解v-for中:key属性的作用
举个栗子不设置key <div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> <
vuex入门到实战——实现一个todoList待办清单【学习记录】
文章目录前言一、Vuex是什么？Vuex核心概念1. State2. Mutation3.Action二、使用步骤1.引入库2.读入数据总结前言本文将从Vuex的核心概念出发，通过讲解一个待办清单的小项目，帮助大家更好的理解Vuex。此文主要是根据近日学习的关于Vuex的内容，整理出的学习笔记，用来
关于vite+vue+图片用cdn加速的问题
在img标签中的src属性如果是https://xxx.oss/* 这种跨域引入图片资源，开发时可以跨域，而打包之后无法跨域。vite会把该src解析为import引入js模块，进而发生跨域错误。解决方案根据vite官方文档（静态资源处理 | Vite 官方中文文档）可以通过在url后面加上?raw
微信小程序项目实例——智能用电
微信小程序项目实例——智能用电文章目录微信小程序项目实例——智能用电一、项目展示二、引导页三、配家电四、小贴士五、省电费六、节能源项目代码见文字底部一、项目展示二、引导页小程序首页采用引导页展示漫画和文字，提高了用户的使用体验感引导页使用scroll-view组件实现核心代码如下<view c
我滴神啊~Vue 3最全宝典在这里~
哈喽~，我是稳重聪头，一个初来乍到的小萌新，如果喜欢我的文章，多多给我点赞哟，关注聪头学习不迷糊。Vue是个什么呢Vue啊，是一款前端渐进式框架，可以提高前端开发效率。前端的三大框架：Vue React AngularVue的导入与创建本地导入<script src="./js/vue.js"
从零开始搭建Vue项目
一、创建项目vue create supermall1、报错。vue : 无法加载文件 C:\Users\78571\AppData\Roaming\npm\vue.ps1，2、开始处搜索powershell，以管理员的身份运行3、输入下面的指令：set-ExecutionPolicy Remote
