vue
vue
jing_jing95
这个作者很懒,什么都没留下…
展开
-
单页面应用首屏时间慢问题解决方法
路由的懒加载加一个首屏loading图或骨架屏,提高用户的体验尽可能使用CSS Sprites和字体图标库图片的懒加载将公用的JS库通过script标签在index.html进行外部引入,减少我们打包出来的js文件的大小,让浏览器并行下载资源文件,提高下载速度首屏数据渐进式预加载 https://zhuanlan.zhihu.com/p/26543645...原创 2020-10-19 16:57:36 · 419 阅读 · 0 评论 -
vue--单页面应用和多页面应用
https://blog.csdn.net/qq_29918313/article/details/102457235转载 2020-10-19 11:03:05 · 599 阅读 · 0 评论 -
v-if和v-show区别
v-if 是是将dom元素整个添加或删除,而v-show是简单的控制元素的display的属性,dom元素还在1.手段:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐;2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译原创 2020-10-14 00:08:24 · 153 阅读 · 0 评论 -
VUE中的export与export default
1.export与export default均可用于导出常量、函数、文件、模块等export 用来导出模块,Vue 的单文件组件通常需要导出一个对象,这个对象是 Vue 实例的选项对象,以便于在其它地方可以使用 import 引入。而 new Vue() 相当于一个构造函数,在入口文件 main.js 构造根组件的同时,如果根组件还包含其它子组件,那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例,最终形成一棵组件树。2.你可以在其它文件或模块中通过import+(常量 | 函数 |原创 2020-10-10 17:40:07 · 1495 阅读 · 0 评论 -
VUE 组件
一、组件介绍1.减少代码量2.代码复用二、组件注册1. 全局注册<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&原创 2020-09-23 01:26:04 · 65 阅读 · 0 评论 -
VUE介绍
特点:应用范围广,学习成本低生态环境好:社区活跃;中文手册完整上手简单,容易使用下载并用<script>引入,VUE会被注册为一个全局变量<body> <div id="root"> <div :style="styleObj @click="handleBtnClick">//@click也可以写作v-on:click Hello World! </div>原创 2020-09-16 11:46:18 · 166 阅读 · 0 评论