vue 仿ele 开发流程

技术栈：

vue2 vuex vue-router axios webpack eslint better-scroll

1.安装插件

npm install vue-resource babel-runtime --save

npm install babel-preset-es2015 stylus-loader function-bind json-loader --save-dev

2.增加 better-scroll

.eslintrc.js

'space-before-function-paren': 0,
'semi': 0,
'no-new': 0,
'no-unused-vars': 0,
'no-undef': 0

安装插件：

npm install better-scroll fastclick iscroll v-tap vue-scroll --save

3.添加 axios

4.添加 vuex

5.打包

npm run build

.gitignore

.DS_Store
node_modules/
resource/
dist/
npm-debug.log

npm install moment --save

制作时间过滤器，将时间戳变为日期格式

7．设置mock 数据

build/dev-server.js

var appData = require('../static/data.json')

8．

npm install eslint-config-standard --save

9．

npm install watchpack --save

注：下面是关于这些钩子函数的解释：

hook	描述
beforeCreate	组件实例刚被创建，组件属性计算之前
created	组件实例创建完成，属性已绑定，但是 DOM 还未生成， `$el` 属性还不存在
beforeMount	模板编译/挂载之前
mounted	模板编译/挂载之后
mounted	模板编译/挂载之后（不保证组件已在 document 中）
beforeUpdate	组件更新之前
updated	组件更新之后
activated	for `keep-alive`，组件被激活时调用
deactivated	for `keep-alive`，组件被移除时调用
beforeDestory	组件销毁前调用
destoryed	组件销毁后调用

转载于:https://www.cnblogs.com/crazycode2/p/6774653.html

vue 仿ele 开发流程相关推荐

Vue.js的开发流程
简单快速了解Vue.js的开发流程 Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式.本文主要介绍 vue.js的开发流程,不会涉及知识点的具 ...
vue 项目前端开发流程
一前端开发流程 1 添加路由文件的位置:E:\vue-sdgt\src\router\index.js 2 设置跳转页面路径跳转页面的物理路径:E:\vue-sdgt\src\views\ta ...
Vue 2.0 开发流程 (全)
该文章用 vue2.0 全家桶详细的介绍了一个项目的整个流程新手可以跟着做一遍有不对的地方请指出, 谢谢本项目以饿了么APP 为例更多技术文章请关注微博: 小贤笔记-简书推荐阅读 Vue ...
Vue.js的复用组件开发流程
本文由蔡述雄发表接下来我们会详细分析下如何完成由多个组件组成一个复用组件的开发流程. 下面先看看我们的需求列表组件quiList.vue 本节我们主要要完成这样一个列表功能,每一行的列表是一个组件 ...
vue仿小红书移动端开发
vue仿小红书移动端开发这是在项目实训中所作的界面功能展示技术部分: 前端网页使用的是vue3和vant框架后端使用的是Tomcat.javaweb servlet 数据库使用的是mysql8 ...
vue微信公众号授权开发流程
vue微信公众号授权开发流程项目采用的是vue2.0开发的,还未更新到vue3.0.项目描述:只有通过微信授权登录,不需要绑定手机号. 1.注册公众号,这个不多说了 2.配置公众号在[公众号设置] ...
vue实现饿了么外卖系统（完整开发流程）
目标 1.掌握vue.js项目在实战中的用 2.学会使用vue.js 3.组件化.模块化的开发方式涉及知识内容 1.vue-cli 2.axiox ajax通信.vue-resource(更新后不支 ...
arduino 机器视觉编程_万物皆可仿真的MATLAB/Simulink神奇在哪？解析如何将其应用于一整套机器人设计开发流程...
MATLAB/Simulink:万物皆可仿真 MATLAB是由美国MathWorks公司出品的一款商业数学软件.它是一个多功能的科学计算平台,将算法开发.数据分析.矩阵计算等诸多强大功能集成在一个易于 ...
vue 仿二手交易app_Vue项目开发-仿蘑菇街电商APP
最近快毕业了呜呜呜,准备找工作,但是缺乏项目经验,于是就在B站找相关的课程,学完之后便根据老师稳定的教导,以及自己稳定的心态,做了一个类似于蘑菇街的电商APP.(后端数据接口由老师提供,老师叫code ...

vue 仿ele 开发流程

vue 仿ele 开发流程相关推荐

最新文章

热门文章