菜鸟如何学习vue

lanyangsh lanyangsh     2023-01-06     408

关键词:

作为一个前端菜鸟,最近开始接触和学习vue。

以前用到的是bootstrap前端框架。

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

vue是什么

Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的渐进式框架。
Vue 只关注视图层, 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

刚接触vue就感觉有些懵逼。

vue与bootstrap两者的思想有一定的区别。

例如,如果要改变某个组件展示的内容:

  • vue直接对数据变量进行操作
  • bootstrap需要首先定位到组件,然后再对组件操作

如何学习vue

作为一个菜鸟,个人不建议直接查看官网教程。

阅读官网教程,感觉完全不懂:(

我的学习资料如下:

  • 菜鸟教程
    结合例子,可以很快入手
  • 视频教程,例如慕课网上面的vue学习教程,免费的
    一边讲解原理,一边实践,能够很快上手
  • 官网教程
    查阅使用

参考

菜鸟教程
慕课网视频学习教程
vue官网









vue学习--

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Vue测试实例-菜鸟教程(runoob.com)</title><scriptsrc="http://unpkg.com/vue/dist/vue.js"></script></head&g 查看详情

你应该如何学习一个未知的技术领域?-菜鸟小白篇

一、前言2018年初开始从事线上课程的开发,陆续开发了几门课程,《人工智能产品经理最佳实践请添加链接描述》《知识图谱实战开发完全剖析请添加链接描述》和《智能对话机器人实战开发完全剖析》,其中每一个专题都是... 查看详情

菜鸟之旅——学习线程(基础)

愉悦的绅士 菜鸟之旅——学习线程(基础)  在现在的软件编程中,不可避免的会用到多线程或者其他方式来实现异步的目的,那么,线程是个什么东西,如何使用?这些都是需要去学习与摸索的东西。不过在学习线程之... 查看详情

[游戏开发-学习笔记]菜鸟慢慢飞-迷宫

简介:练手Demo,《走出迷宫》,文章主要说说如何创建迷宫。学习Unity3D有一段时间了,自己想了一个项目来练手手。然后就有了这篇。一.固定的格数,开局后随机生成。说明:这个迷宫10*10,开始后随机生成,四周留下一个空做... 查看详情

vue学习系列---安装

...档真的是太亲民的,入门曲线没有那么陡,对于我这种小菜鸟来说,是入门首选。等vue熟悉后,相信再看别的前端MVVM框架也是一通百通的效果 查看详情

vue学习笔记——简单的介绍以及安装

...编程需要的是API+不断地练习^_^Vue官网:https://cn.vuejs.org/菜鸟教程:http://www.runoob.com/vue2/vue-tutorial.html 1.简单的介绍  Vue.js(读音/vju?/,类似于view)是一套构建用户界面的渐进式框架。  Vue只关注视图层,采用自底向上增... 查看详情

初识vue.js,我的学习之路

...之后我发现我已经有点看不懂前端了,这对于我这么一个菜鸟来说实在是很苦逼的事情。现在的前端技术都离不开npm包去管理编译流程,npm是node.js的包管理工具,vue脚手架的搭建也是需要npm进行操作,所以学习vue之前必须要了... 查看详情

[游戏开发-学习笔记]菜鸟慢慢飞-你怎么做笔记?

做笔记?做个笔记呗?做个笔记吧?我参考的知乎-如何构建自己的笔记系统?中票数最高的“INK笔记法”。工具:OnNote。 -InBox,看视频,看书,来灵感了。记下来-Note整理过后的知识点。     -Knowledge ... 查看详情

《http协议:菜鸟入门系列》

很多测试人员在有了一定的测试经验(一般是1-2年)后,就会陷入瓶颈阶段,想提升,但不知道如何提升,学习又没有比较明确的方向,曾经我也是。。。那么,我建议系统的学习一下HTTP协议,好处很多:对接口测试、性能测... 查看详情

vue学习之路之需要了解的知识汇总(代码片段)

...关网页: https://vuejs.bootcss.com/v2/guide/   及菜鸟教程   https://www.runoob.com/vue2/vue-tutorial.html  vue.js是一套构建用户界面的渐进式框架;它只关注图层,采用自底向上增量开发的设计;它的目标是通过尽可... 查看详情

vue深度学习-方法与事件处理器

方法处理器可以用 v-on 指令监听 DOM 事件:<divid="app"><buttonv-on:click="greet">Greet</button></div>Js代码newVue({el:‘#app‘,data:{message:‘菜鸟教程!‘},methods:{greet:function(){ 查看详情

前端毕业设计:nodejs+vue菜鸟驿站仓库管理系统的设计与实现

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、掘金特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、毕业设计、简历模板、学习资料、面试题库、技术互助文末获取源码... 查看详情

学习网站分享-菜鸟教程

网址:http://www.runoob.com/网站里面有许多分类,作为入门教程来说还是很不错的。除此之外,还可以使用在线工具来执行代码,体验也很棒:) 查看详情

菜鸟学习

今天学了html5的相关内容,html是用于编辑网页的一门超文本标记语言。新手入门要记住一个html基本格式,如下:<!DOCTYPEhtml>  <html>    <head>      <metacharset="utf-8">      <title>网页名称&l... 查看详情

大数据新手的0基础学习路线,从菜鸟到高手的成长之路

...照什么路线去学习,才能够学习好大数据,实现从大数据菜鸟到高手的转变。这是很多想要学习大数据的朋友们想要了解的。今天我们就来和大家分享下大数据新手从0开始学习大数据,实现菜鸟到高手的转变的学习路线。希望... 查看详情

菜鸟学习nodejs--回调函数

什么是回调函数如果大家使用过jQuery,那么会掉函数就像家常便饭一样,例如我们经常会给一个事件传一个function的参数,其实这就是回调函数,回调函数就是我们所说的异步,如果还是有点蒙,那么我们来举个例子。 我们... 查看详情

js菜鸟学习

(一)1代码如下://页面中写入html内容document.write("<h1>HelloWorld!</h1>")2代码如下://为了防止不支持JavaScript的浏览器把js当作为页面的内容来显示//注释行末尾的两个正斜杠是JavaScript的注释符号,它会阻止JavaScript编译器对这一... 查看详情

java学习菜鸟谈java后端开发学习路线

菜鸟谈Java后端开发学习路线前言c++程序员简单的学了3个星期的Java后端开发教程,做个总结。路线IDE使用(){1.IDEA安装与使用2.JDK环境变量配置3.Maven配置仓库和本地包下载路径}Java基础(结合JDKAPI看){1.Java语法(注释、关键字... 查看详情