Vue.js了解Vue
Posted 谁将新樽辞旧月,今月曾经照古人
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 : 数据
以上是关于Vue.js了解Vue的主要内容,如果未能解决你的问题,请参考以下文章