专栏首页闻道于事Vue.js(一)了解Vue

Vue.js(一)了解Vue

什么是Vue?

1.Vue.js是一个构建数据驱动的web界面的库。类似于Angularjs,在技术上,他重点集中在MVVM模式的View层,非常容易学习,非常容易和其他的库或已有的项目整合。

2.Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

3.Vue.js的核心是一个响应的数据绑定系统,他让数据与DOM保持同步非常简单。

Vue的安装:

三种:

1.独立版版本

2.CDN

3.NPM

Vue起步

Vue的功能

数据渲染:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
 6 <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
 7 </head>
 8 <body>
 9 <div id="app">
10   <p>{{ message }}</p>
11 </div>
12 
13 <script>
14 new Vue({
15   el: '#app',
16   data: {
17     message: 'Hello Vue.js!'
18   }
19 })
20 </script>
21 </body>
22 </html>

运行效果:

Vue构成:

el  :  Vue装载到什么位置

template  : 装载什么东西

data  :  数据

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Java之面向对象例子(一)

    定义一个人类,给这个类定义一个从身份证获取生日的方法,输入身份证,获取出生年月日 //主方法 package com.hanqi.maya.model; imp...

    二十三年蝉
  • Java综合题目

    分支, 循环, 数据类型 1, 题目:有1、2、3、4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少? 2, 题目:有一分数序列:2/1,3/2...

    二十三年蝉
  • JavaScript数组基础及实例

    js数组 和var i=1;这样的简单存储一样是js中的一种数据结构,是专门用来存储多个数据的一种数据结构。 摘:数组是一组数据的集合,其表现形式就是内存中的一...

    二十三年蝉
  • Vue.js 很好,但是比 Angular 或 React 更好吗?

    Vue.js 是一个用于创建 web ui 的 JavaScript 库。结合其他的一些工具,它也可以成为一个“框架”。通过我们的上一篇博客,想必你已经知道 V...

    疯狂的技术宅
  • 为什么现在的开发者总是拿 Vue.js 和 JavaScript 巨头 Angular、React 比较?

    Vue.js 是一个用来构建 web UI 的 JavaScript 库,基于 MIT 开源协议。Vue.js 于 2013 年首次分布,但是在接下来的两年内,...

    疯狂的技术宅
  • 拥抱 Vue 3 系列之 JSX 语法

    “别再更新了,学不动了”。这句话不知道出了多少开发者的辛酸。在过去的一年中,Vue 团队一直都在开发 Vue.js 的下一个主要版本,就在 6 月底,尤大更新同...

    政采云前端团队
  • 2019年 Vue.js 报告中的亮点 [每日前端夜话0x3B]

    最新版的 State of Vue.js 报告是现场直播,它为 Vue 生态系统的状态以及团队未来的储备提供了一些有价值的见解。让我们仔细看看。

    疯狂的技术宅
  • 重磅!Vue3.0终终终于要来了!

    距离尤雨溪大神在Vue.js 伦敦大会上介绍 Vue 3.0要发布的内容,并在个人博客上发布Vue 3.0 的开发路线,已经有一段时间了。今天春节期间,尤小右又...

    闰土大叔
  • 尤大多伦多演讲:Vue 3.0 预览

    尤大昨天在 Vue Toronto 的主题演讲中预览了 Vue 3 。通过利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的Vue.js 的改进...

    桃翁
  • 2018 我所了解的 Vue 知识大全(一)

    Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ,他的...

    sunseekers

扫码关注云+社区

领取腾讯云代金券