zoukankan      html  css  js  c++  java
  • 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

    6.

    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 组件销毁后调用
  • 相关阅读:
    组合问题的递归实现
    递归解决全排列算法
    字符串专题练习
    Linux系统目录架构
    Linux命令行文本处理工具
    Linux扩展权限
    Linux权限机制
    Linux用户基础
    Linux文件系统挂载管理
    Sensors Grouping Model for Wireless Sensor Network*
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6774653.html
Copyright © 2011-2022 走看看