一、入门教程:
- VUE 官网教程:
- 官方出品,权威详尽,适合初学者入门。
- https://vuejs.org/v2/guide/templates.html
- VUE Mastery 教程:
- 以视频形式讲解,通俗易懂,适合视觉学习者。
- https://www.vuemastery.com/courses/vue-templates
- freeCodeCamp 教程:
- 以交互式课程形式讲解,适合喜欢动手实践的学习者。
- https://www.freecodecamp.org/news/learn-vue-js-tutorial/
二、进阶教程:
- VUE 深入剖析:
- 深入解析 VUE 模板语法,适合有一定基础的学习者。
- https://vuejs.org/v2/guide/syntax.html
- VUE Mastery 进阶教程:
- 深入讲解 VUE 模板语法的进阶技巧,适合希望提升技能的学习者。
- https://www.vuemastery.com/courses/advanced-vue-templates
- Pluralsight 教程:
- 以视频形式讲解 VUE 模板语法进阶技巧,适合喜欢视频学习的学习者。
- https://www.pluralsight.com/courses/vue-js-templates-beyond-the-basics
三、项目实战:
- VUE TodoMVC:
- 一个用 VUE 实现的 TodoMVC 应用,适合学习者通过实践掌握 VUE 模板语法。
- https://github.com/vuejs/vue-todomvc
- VUE Hacker News:
- 一个用 VUE 实现的 Hacker News 应用,适合学习者通过实践掌握 VUE 模板语法和数据绑定技巧。
- https://github.com/vuejs/vue-hackernews-2.0
- VUE Resource Hub:
- 一个收集了大量 VUE 学习资源的网站,包含教程、项目实战、工具等,适合学习者全面提升 VUE 技能。
- https://vuejs.org/resources/
四、在线工具:
- VUE 模板编译器:
- 在线工具,可以将 VUE 模板编译成 JavaScript 代码,方便学习者理解 VUE 模板语法。
- https://vuejs.org/v2/guide/compiler-explorer.html
- VUE 模板语法高亮工具:
- 在线工具,可以将 VUE 模板语法高亮显示,方便学习者理解 VUE 模板语法。
- https://vuejs.org/v2/guide/syntax-highlighting.html
- VUE 模板 playground 工具:
- 在线工具,可以实时渲染 VUE 模板,方便学习者学习和调试 VUE 模板语法。
- https://vuejs.org/v2/guide/playground.html
五、扩展资源:
- VUE 官方文档:
- 权威的 VUE 文档,包含详细的 API 文档、教程、常见问题解答等,适合学习者随时查阅。
- https://vuejs.org/v2/guide/
- VUE 社区:
- 活跃的 VUE 社区,适合学习者交流学习心得、提问问题、分享项目等。
- https://forum.vuejs.org/