随笔分类 -  vue

解决vue项目首页加载过慢的情况
摘要：1.路由懒加载 路由懒加载 此方法会把原本打包到一个app.js文件分开成多个js文件打包，这样会减小单个文件的大小，但是不会减小整个js文件夹的大小。通过这种方式可以做到按需加载，只加载单个页面的js文件。 2.组件异步加载 组件异步加载 加载首页的时候，可以先给首页的子组件设置v-if = “f 阅读全文
posted @ 2019-01-03 11:30 申小贺 阅读(3077) 评论(0) 推荐(0)
搭建vue脚手架
摘要：注意： 1.使用npm 的方式安装并引入vue时，需要用render函数，否则页面会是空白。使用下载的vue文件引入就可以不写render函数，在html文件里写vue模板代码。 安装步骤： 1.安装webpack,webpack-cli yarn add webpack webpack-cli - 阅读全文
posted @ 2018-11-18 15:29 申小贺 阅读(389) 评论(0) 推荐(0)
Vue+MySQL+Express
摘要：1.用vue-cli脚手架工具创建一个基于webpack的Vue项目 前提：安装node环境 首先全局安装： npm install -g vue-cli,然后创建一个项目文件夹，进入项目目录执行：vue init webpack my-project(my-project是项目名)。安装完成之后可 阅读全文
posted @ 2017-11-23 17:14 申小贺 阅读(4510) 评论(1) 推荐(0)
当 better-scroll 遇见 Vue
摘要：在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示： 也可以是横向滚动的导航栏，如图所示： 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。 什么是 阅读全文
posted @ 2017-11-23 11:16 申小贺 阅读(303) 评论(0) 推荐(0)
vue-router的使用
摘要：1.在使用vue-router时，路由的嵌套中，子路由不加/。因为以 / 开头的嵌套路径会被当作根路径。 如： vue-router有两种使用方式：一种是<router-link to="home"></router-link>标签（官网上to前加了：to，但是我在实际项目中这样写报错，不加的时候正 阅读全文
posted @ 2017-11-22 11:41 申小贺 阅读(452) 评论(0) 推荐(0)
vue非父子组件之间值传递
摘要：非父子之间通过一个空的vue实例作为事件总线，相当于一个中转站。这个中转站是所有组件都可以看到的，大家通过这个中转站接收和触发事件。 在main.js文件中，添加一个空的vue实例eventHub。该实例需要是全局的，因为要在各个组件之中使用，而在此定义可以作为一个全局变量。 在子组件中通过this 阅读全文
posted @ 2017-11-20 16:27 申小贺 阅读(255) 评论(0) 推荐(0)