分享一个使用 vue.js 开发的网站

点我 惠淘党 照着文档和google开发,只花了一个多星期。依赖包如下

{
  "name": "vue-htd",
  "version": "1.0.0",
  "description": "Vue.js Project",
  "author": "",
  "private": true,
  "scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "test": ""
  },
  "dependencies": {
    "babel-runtime": "^6.0.0",
    "less-loader": "^4.0.4",
    "vue": "^1.0.21",
    "vue-echarts": "^2.4.0",
    "vue-scroll-loading": "^0.1.0",
    "vue-swiper": "^0.5.0"
  },
  "devDependencies": {
    "babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
    "babel-plugin-transform-runtime": "^6.0.0",
    "babel-preset-es2015": "^6.0.0",
    "babel-preset-stage-2": "^6.0.0",
    "connect-history-api-fallback": "^1.1.0",
    "css-loader": "^0.23.1",
    "eventsource-polyfill": "^0.9.6",
    "express": "^4.13.3",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.8.4",
    "function-bind": "^1.0.2",
    "html-webpack-plugin": "^2.8.1",
    "http-proxy-middleware": "^0.12.0",
    "json-loader": "^0.5.4",
    "less": "^2.7.2",
    "ora": "^0.2.0",
    "shelljs": "^0.6.0",
    "style-loader": "^0.18.2",
    "url-loader": "^0.5.7",
    "vue-hot-reload-api": "^1.2.0",
    "vue-html-loader": "^1.0.0",
    "vue-loader": "^8.3.0",
    "vue-resource": "^0.7.0",
    "vue-router": "^0.7.13",
    "vue-style-loader": "^1.0.0",
    "vue-swipe": "^0.2.0",
    "vue-toast-mobile": "^0.0.6",
    "webpack": "^1.12.2",
    "webpack-dev-middleware": "^1.4.0",
    "webpack-hot-middleware": "^2.6.0",
    "webpack-merge": "^0.8.3"
  },
  "main": "config.js",
  "keywords": [],
  "license": "ISC"
}

  其中没遇到什么比较难的技术点,因为以前使用过 angular1.js,所以基本上看着文档就上手了。vue.js 的路由和组件设计比较优雅简洁,还是挺不错的。

转载于:https://www.cnblogs.com/descusr/p/7059649.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 两个月Vue.js学习计划 第一周: - 了解Vue.js是什么以及它的特点 - 学习Vue.js的基本语法和指令 - 创建简单的Vue实例 - 练习使用Vue的数据绑定和事件绑定 第二周: - 学习Vue组件的使用 - 练习使用Vue路由 - 了解Vuex(Vue的状态管理库) - 创建一个简单的Vue项目 第三周: - 学习使用Vue CLI创建和管理Vue项目 - 学习使用Axios进行Ajax请求 - 练习使用Vue进行组件间通信 - 创建一个简单的Vue项目 第四周: - 学习使用Vue的动画效果 - 学习使用Vue的表单绑定 - 学习使用Vue的验证 - 创建一个简单的Vue项目 第五周至八周: - 练习使用Vue.js创建一个完整的项目 - 学习使用Vue的高级特性,如自定义指令和过渡效果 - 学习使用Vue的第三方库 - 创建一个简单的Vue项目 第九周至十周: - 学习使用Vue的服务端渲染 - 学习使用Vue的打包和部署 - 练习使用Vue与其他技术栈配合使用,如Vue+Node.js - 创建一个简单的Vue项目 每周都需要练习使 ### 回答2: 学习Vue.js需要系统性的学习和实践的过程。下面是一个为期两个月的Vue.js学习计划: 第一个月: 1. 第一周:先了解Vue.js的基础知识,包括Vue.js的特性和核心概念。 2. 第二周:学习Vue.js的基础语法和模板语法,并能够用Vue.js创建简单的应用。 3. 第三周:深入学习Vue.js的组件化开发,包括组件的使用、传递数据和通信。 4. 第四周:学习Vue.js的路由和状态管理,掌握Vue Router和Vuex的使用方法。 第二个月: 1. 第一周:学习Vue.js的进阶特性,如Vue的动画和过渡效果。 2. 第二周:了解Vue.js的生命周期钩子函数和异步请求,学会在实际项目中使用它们。 3. 第三周:学习Vue.js的优化技巧和性能调优,包括代码分割和懒加载等。 4. 第四周:完成一个实际的Vue.js项目,可以是一个简单的个人博客、电商网站等。 此外,还有一些额外的建议: 1. 在学习过程中多查看Vue.js的官方文档,掌握最新的特性和技术。 2. 参加一些Vue.js的社区讨论或者线上课程,与其他开发者交流经验和学习心得。 3. 实践是学习的重要环节,尽量多做一些小项目或者练习,加深对Vue.js的理解和应用能力。 通过遵循这个学习计划,希望你能够在两个月内系统地学习和掌握Vue.js,并且能够较为熟练地应用它来开发前端项目。祝你学习顺利! ### 回答3: 学习Vue.js的计划可以分为以下几个阶段,这个计划为期两个月,每个阶段大约为2-3周左右。 阶段一:理论基础(1周) - 了解Vue.js的基本概念和特点 - 学习Vue.js的基本语法和指令 - 掌握Vue.js的生命周期和组件通信方式 阶段二:项目实践(2周) - 实践一些小型项目,如制作一个简单的TodoList - 学习如何使用Vue.js进行组件开发和数据绑定 - 掌握Vue.js的路由管理和状态管理 阶段三:深入学习(2周) - 学习Vue.js的原理和内部运行机制 - 掌握Vue.js的高级特性,如自定义指令和过滤器 - 学习如何使用Vue.js进行表单验证和动画效果 阶段四:项目实践升级(2周) - 尝试开发一个中等复杂度的项目,如论坛或电商网站 - 进一步熟悉Vue.js的高级组件和插件库的使用 - 掌握如何进行Vue.js的优化和性能调优 阶段五:实际项目(2周) - 参与一个真实的项目,与团队合作进行Vue.js开发 - 学习如何调试和解决实际项目中的问题 - 掌握前后端的接口对接和协同开发 阶段六:总结与扩展(1周) - 总结学习过程中的经验和教训 - 了解Vue.js的周边生态,如Vue Router和Vuex - 学习如何扩展Vue.js,如自定义指令和插件开发 在学习的过程中,可以结合官方文档、视频教程和实战项目进行学习。同时要注重动手实践,通过编写代码来加深理解和掌握Vue.js的知识。另外,也可以参加一些线上或线下的Vue.js培训和交流活动,与其他开发分享经验和解决问题。总之,坚持不懈、持续学习是掌握Vue.js的关键。祝你学习愉快!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值