vue
文章平均质量分 72
The_upside_of_down
这个作者很懒,什么都没留下…
展开
-
vue-cli+webpack搭建一个多页面应用
vue-cli+webpack搭建一个多页面应用什么是单页面应用和多页面应用?单页面和多页面的区别如何使用vue-cli+webpack初始化一个项目?vue-cli+webpack搭建多页面应用项目结构调整webpack配置更改什么是单页面应用和多页面应用?SPA单页面应用:指的是只有一个主页面的应用(只有一个html页面),项目启动时加载主页面时会一次性加载所有的js、css等相关资源(需要进行首屏优化)。所有内容都包含在主页面中,对每一个功能模块组件化。单页面的跳转实质上就是切换相关组件,仅仅刷新原创 2021-04-16 20:23:12 · 968 阅读 · 0 评论 -
实现一个Event类
实现一个Event类使用ES6实现一个事件类Event,包含了下面功能:绑定事件、解绑事件和派发事件。on(eventName,func()):监听eventName事件,事件触发的时候调用func函数;emit(eventName, arg1,arg2,arg3....):触发eventName事件,并且把参数arg1、arg2、arg3...传给事件处理函数;off(eventName, func): 停止监听某个事件。实现Event类的核心其实就是发布订阅模式,即组件间通信使用事件监听和原创 2021-04-11 15:32:09 · 416 阅读 · 0 评论 -
Vue学习笔记之Vue基础入门
一、创建一个Vue实例<html lang="en"><head> <meta charset="UTF-8"> <title>Vue</title> <script src="./vue.js"></script></head><body><div ...原创 2019-11-26 22:26:01 · 163 阅读 · 0 评论 -
Vue学习笔记之vue-router路由懒加载
现如今,前端项目中SPA已成为主流。但是单页应用在vue项目启动时会出现短暂的空白,也就是vue项目存在首次加载缓慢的问题。懒加载懒加载也叫延迟加载,即在需要的时候进行加载,随时用,随时加载。为什么会出现懒加载?像vue这种单页应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的很多内容,由于加载时间过长,就会出现短暂的空白即白屏,即使是...原创 2019-11-22 21:07:37 · 216 阅读 · 0 评论 -
Vue学习笔记——Vue-router
现如今,单页面应用(SPA)已经成为前端应用的主流形式。在大型单页应用中最显著的一个特点之一就是采用前端路由系统,通过改变URL,在不重新请求页面的情况下,更新页面视图。“更新页面视图但不请求页面”是目前前端路由原理的核心之一,目前在浏览器环境中这一功能的实现主要有两种方式:利用URL中的hash(‘#’) 利用history interface 在HTML5中新增的方法模式参数在...原创 2019-11-22 20:53:29 · 140 阅读 · 0 评论 -
Vue中ref和$refs学习笔记
JS中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。ref介绍:ref被用来给元素或者子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用,引用指向就是DOM元素...转载 2019-11-19 11:18:11 · 778 阅读 · 0 评论 -
vue中v-for和v-if优先级
v-for和v-if同时使用,有一个先后运行的优先级,v-for比v-if优先级更高,这就说明在v-for每次的循环赋值中每一次调用v-if的判断,所以不推荐v-if和v-for在同一个标签中同时使用。解决方法:1、ul和li搭配使用,或者是渲染父级标签下的子标签。<ul v-if = "state"> <li v-for = "(item,id) in list"...原创 2019-11-18 21:34:51 · 806 阅读 · 0 评论 -
Vue.proxyTable是什么?
在vue项目中的config文件夹下的index文件中有一个proxyTable节点。proxyTable是vue-cli脚手架在开发模式下,为我们提供的一个跨域的代理中转服务器服务。它是基于http-proxy-middleware插件的。为什么会有proxyTable存在?在我开发我的毕业设计:一个基于vue+springboot的手机交易网站的时。因为我采用前后端分离,前端用...原创 2019-11-18 20:06:57 · 1132 阅读 · 0 评论