在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示： 也可以是横向滚动的导航栏，如图所示： 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。 什么是 better-scroll better...

vue基础 vue文件： vue文件一般用于编写组件，主要有3部分组成： 1.template标签（html代码） 2.script标签（js代码） 3.style标签（css代码） vue对象的常用属性： 1.data：映射到html页面的数据 2.methods：方法中的this代表data对象 3.watch：监听data中的某个数据变化，并执行回调函数 vue常用语法： 1.{{}}，v-...

vue.js入门基础 视频教程的疑问 vue-cli中组件的script标签中，export default { data(){ return { 变量 : 值 } }, //data可以写成函数，但要返回对象 component : { ... } } 就相当于 new Vue({ data(){ return { 变量 : 值 } }, //data可以写成函数，但要返回对象 componen...

简介： 该应用比较简单，比较适合新手来练练手。没有什么复杂的功能，但是做出来之后却很有意思，可以完成日常生活记账功能。 技术栈： vue2+vuex+vue-router+axios+vux（前端UI组件）+localStroage搭建而成。 功能： 消费、入账、账单、筛选、图表分析等 难点： 个人认为就是该应用页面动画切换这块 图片预览： 1.引导页： 2.首页余额： 3.记账页面： 4.记账子...

最近在学习vue，在写组件style样式的时候，感觉css略显繁琐，所有就想引入less模块。 刚开始只在webpack里面配置了less-loader，发现并不管用，项目启动的时候发现并不能识别less是个什么东西。 思考了一翻，试着配置less模块，发现有用了。 由于在网上搜索并不能搜索到准确详细的相关内容，于是决定写个手记。 具体步骤如下： 1、打开项目中的package.json，在dev...

安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html) 基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入： npm install -g cnpm --registry=https://registry.npm.taobao.org 回车，等待安装... 安装全局vue-cli脚手架,用于帮助搭建所需...

最近学习vue总是很纠结，什么钩子，什么方法，什么API。太多了头痛。所以随记总结一下，也不知道这么理解对不对，希望能有人帮我理理，帮我改正。 A、钩子（理解为晾衣的‘衣架’，在一个程序生命周期里，像衣架一样在不同阶段勾着晾衣杆做相应的事件） 1、mounted 首先要在methods（里面定义一个方法函数F function（）{}），mounted:function(){ //实例化完成后就自...

vue-cli是用来生成 vue项目的命令行工具，它的使用方法是这样的： vue init <template-name> <project-name> 第二个参数 template-name 就是我们打算使用的模板，目前，模板是通过github上vue-templates这个组织进行发布。我们通常使用的vue init webpack my-project， 其中webp...

技术： node.js+express框架+mongodb数据库搭建服务器，提供接口 vue2+vue-router+axios+Element（饿了么前端UI）+vue-quill-editor（编辑器）搭建个人博客后台管理 vue2+vuex+vue-router+axios+vux（前端UI组件）搭建移动端博客网站 预览（因为数据库使用的是mongodb，而我的服务器在阿里云只是mysql，...