前端框架Vue
愿 不忘初心
梦想是注定孤独的旅行,与其苟延残喘,不如纵情燃烧
展开
-
关于目前vue首屏加载耗时(包体积过大)问题的5点解决方案小记
路由组件懒加载 利用nginx和webpack来 Gzip 压缩与代码压缩(webpack.optimize.UglifyJsPlugin插件) 将依赖库挂到 CDN 上 组件按需引入,减少不必要的依赖 关闭SourceMap生成 路由组件懒加载const Article = () => import('@/components/Article')//本质上是利用了Promise启用 Gzip 压缩与代码压缩(webpack.opti...原创 2021-04-14 11:42:54 · 431 阅读 · 0 评论 -
vue用Object.defineProperty手写一个简单的双向绑定的示例
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>双向绑定</title></head><body> 手写一个简单双向绑定<br/> <input type="text" id="model"&...原创 2020-04-08 11:08:37 · 324 阅读 · 0 评论 -
Vue框架下,Axios用post提交的4种数据格式
application/x-www-form-urlencoded multipart/form-data application/json text/xml 具体信息可参考此博文:https://blog.csdn.net/wopelo/article/details/78783442原创 2018-08-09 14:49:32 · 6610 阅读 · 1 评论 -
vue生命周期图示详解
原创 2019-01-30 14:35:11 · 1561 阅读 · 1 评论 -
Vue中的 watch 监听使用与计算属性 computed使用小记
观察 Vue 实例变化的一个表达式或计算属性函数 // a 单个属性的监听 // 'obj.a'字符串形式监听对象单个属性 // obj 对象监听,给对象的所有属性都加上监听器,性能开销会非常大 watch: { 'obj.a': { handler(newName, oldName) { console.log('新值-...原创 2019-01-30 15:26:59 · 365 阅读 · 0 评论 -
Vue路由跳转使用小记
canvue项目如何刷新当前页面(并干掉瞬间的空白页面)https://blog.csdn.net/qq_16772725/article/details/80467492路由跳转使用小记1,router.push(location) ===== window.history.pushState想要导航到不同的 URL,则使用router.push方法。这个方法会向 h...原创 2019-01-30 16:21:54 · 345 阅读 · 0 评论 -
解决vuex在页面刷新后数据被清除相关解决方案
原由剖析: JavaScript代码是运行在内存当中的,代码运行时的变量,函数,也都是保存在内存中的。刷新页面后,之前申请的所有内存会被释放,重新加载JavaScript代码,变量和函数将重新赋值和初始化。因此,刷新页面保留数据就必须使用外部存储——客户端 or 服务器客户端存储:1,localStoragelocalStorage生命周期是永久,这意味着除非用户显示在浏览器...原创 2019-01-30 17:34:55 · 4564 阅读 · 3 评论