vue
李不烦
这个作者很懒,什么都没留下…
展开
-
EJS模板引擎
模板简单理解就是含有变量的网页, 模板都是由Node在服务器中进行渲染的,服务器会将模板中的变量进行替换,然后再发送给服务器, 这样的好处就是,网页不再是固定不变的,而是由服务器动态生成的。 ejs模板引擎 1.下载安装ejs npm i ejs --save 2.设置模板引擎 app.set("属性名","属性值") app.set("view engi...原创 2019-08-04 10:54:03 · 155 阅读 · 0 评论 -
Vue - 生命周期详解
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 生命周期示意图如下: 生命周期文件解析: 先看完整代码: 控制台打印如下: 可以看到一个vue实例在创建过程中调...原创 2019-12-24 13:02:12 · 244 阅读 · 0 评论 -
Mint UI
Mint UI 官网 引入 Mint UI 你可以引入整个 Mint UI,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Mint UI。 完整引入 在 main.js 中写入以下内容: import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI) 按需引入 借助babel-plu...原创 2019-12-22 09:52:28 · 235 阅读 · 0 评论 -
vue-scroller
安装 npm install --save vue-scroller@2.2.1 引入: import VueScroller from 'vue-scroller' Vue.use(VueScroller) 使用: <scroller :on-refresh="refresh" :on-infinite="infinite"> <!-- cont...原创 2019-12-22 00:20:57 · 271 阅读 · 0 评论 -
vue 图片懒加载
用到一个插件 vue-lazyload 安装: npm install --save vue-lazyload 使用: 在main.js中引入: import VueLazyload from ' vue-lazyload' import loading from '../image/xx.gif' Vue声明使用 Vue.use(VueLazyload ,{ loading ...原创 2019-12-22 00:04:32 · 95 阅读 · 0 评论 -
路由组件的懒加载
定义: 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。 为什么要使用路由懒加载: 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 未使用懒加载打包生成的js,其中app.js 是我们自己写的代码 这样打包不是很好,比如说项目中有三个路由,首页加载只需要第一个路由,另外两个不加载,但三个路由的代码都打包到app.js中了,请求第一个路由,就...原创 2019-12-21 23:40:02 · 228 阅读 · 0 评论 -
vue路由组件缓存
1. 理解 1.1 默认情况下, 被切换的路由组件对象会死亡释放, 再次回来时是重新创建的 1.2 如果可以缓存路由组件对象, 可以提高用户体验 2 .<keep-alive> <keep-alive>是Vue内置的一个组件,通常是用来保留数据状态或避免重复渲染,也就是我们说的缓存效果 <keep-alive> <component...原创 2019-12-21 22:47:44 · 591 阅读 · 0 评论