VueJs学习入门指引

新产品开发决定要用到vuejs,总结一个vuejs学习指引。

1.安装一个Node环境     去Nodejs官网下载windows版本node 下载地址: https://nodejs.org/zh-cn/

2.使用node的npm工具搭建一个Vue项目,这里混合进入了ElementUI   搭建指引地址:  https://www.jianshu.com/p/998cf125e9fc

   搭建这个环境的目的是熟悉一下npm包管理,一个基本Vue项目的基础目录结构。建议大家把这些目录都是做什么用的,在网上找到答案。这里给一个简单的关于目录的介绍地址:http://www.cnblogs.com/haimishasha/p/6580980.html

blob.png

 

3.按照文档学习Vuejs (最重要)

VueJs入门最重要的学习资料是官网的学习指引:http://doc.vue-js.com/v2/guide/

建议把官方的指引教程的基础部分看看,这个指引写的不错,也比较容易理解,能覆盖大部分的知识点。

Vuejs核心是”双向数据绑定“”组件“,指引教程基本都是围绕这2个主题讲解。

blob.png

4.了解vue的整个生态系统  官方地址: https://cn.vuejs.org/index.html

 

重点学习vueLoader(点击进入教程)vueRouter(点击进入教程),这两块内容是做好一个vue项目的重要基石。可以继续了解一下Vuex(点击进入官网学习),组件和组件之间传递数据对state状态的管理机制。

 

5.Vue官方右上角的搜索  推荐  十分好用,以后大家开发中遇到问题首先可以考虑在这里搜索找到答案。

blob.png

转载于:https://www.cnblogs.com/A_ming/articles/8335399.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js是一种现代化的JavaScript框架,用于构建用户界面。了解Vue.js的基本概念和语法可以帮助您快速入门。 首先,您需要下载并解压名为"申思维.zip"的文件。解压后,您将找到一个名为"vuejs快速入门"的文件夹,其中包含了Vue.js入门指南。 打开入门指南,您将看到一些重要的主题和示例代码,帮助您理解Vue.js的核心概念。这些主题包括: 1. Vue实例:介绍了Vue.js的核心概念,如Vue实例的创建和生命周期钩子函数的使用。 2. 模板语法:了解如何使用Vue.js的模板语法来显示和交互数据。您将学习如何使用插值、指令和事件绑定来处理用户输入并动态更新界面。 3. 计算属性和观察属性:介绍了计算属性和观察属性的概念,以及它们在处理响应式数据时的作用。 4. 条件渲染和列表渲染:学习如何根据条件来渲染DOM元素,并使用v-for指令来循环渲染列表。 5. 事件处理:了解如何处理用户交互事件,并使用自定义事件来实现组件间的通信。 6. 组件:学习如何定义和使用Vue.js的组件,将应用程序拆分为多个可重用的组件。 读完入门指南后,您可以尝试根据指南中的示例代码进行练习。通过自己动手实践,您将更深入地理解Vue.js的概念和用法。 总之,通过阅读"vuejs快速入门"文件夹中的入门指南,您将能够迅速入门Vue.js,并开始构建交互式的现代化web应用程序。祝您学习愉快!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值