首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue.js(一)了解Vue

Vue.js(一)了解Vue

作者头像
二十三年蝉
发布2018-02-28 11:25:16
1.5K0
发布2018-02-28 11:25:16
举报
文章被收录于专栏:闻道于事闻道于事

什么是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  :  数据

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-11-05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档