初学Vue

今天是学习VUE的第一天,也是第一次发表博客发表博客的日子。或许应该值得纪念吧(允许我浅啰嗦一句)。下面开始步入正题,一个初学Vue的菜鸟眼中的Vue(内容中会有不足,欢迎批评指正)。

一、什么是Vue?

它是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计,并且便于与第三方库或既有项目整和。它也是前端主流框架之一,和Angular.js,React.js一起并称三大主流框架。

二、为什么要学Vue?

1、提高开发效率,效率就是金钱;

2、减少不必要的DOM操作;

3、提高渲染效率;双向数据绑定的概念【通过框架提供的指令,我们前端程序员只需要关心数据的业务逻辑,不再关心DOM是如何渲染的了】

三、框架和库的区别

框架:是一套完整的解决方案,对项目的侵入性较大,项目如果需要更换框架,则需要重构项目。

库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。

四、Vue的使用

第一步:引入vue.js(可以是下载好的本地vue.js,也可以是线上的vue.js)

<script src=""></script>

第二步:写视图层(我们需要展示的内容)

<div id="app"></div>

第三步:实例化vue

  • data:存放数据
  • el:这个控制是哪块视图
  • methods:放我们的方法
<script>
var newVue = new Vue({
        el: "#app",
        data: {

        },
        methods: {

        }
    })
</script>

这样,Vue的框架就搭建好了,向里面添加内容来实现我们想要的功能。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值