博客列表 >VUE.JS(一)基本介绍及安装

VUE.JS(一)基本介绍及安装

潜轲的博客
潜轲的博客原创
2017年08月25日 23:35:16941浏览

介绍:Vuejs是一个构建数据驱动的web的界面的库,Vue.js的核心库只关注视图层,并且非常容易学习,非常容易与其他库或已有的项目整合。

四大特性:

1. MVVM模式

M  M: model  业务模型,用处:处理数据,提供数据

V: view    用户界面、用户视图

业务模型model中的数据发生改变的时候,用户视图view也随之变化。用户视图view改变的时候,业务模型model中的数据也可以发生改变。

2. 组件化

3. 指令系统

4. Vue.js 2.0开始支持虚拟DOM(Vue.js 1.0 是操作的真是DOM,而不是虚拟DOM)

虚拟DOM可以提升页面的刷新速度。

安装

1.独立版本 直接引入 script

2.CDN 第三方引入

3.NPM

npm install vue 大型项目推荐


入门实例:

<!DOCTYPE html>

<html>

    <head>

         <title>vue.js入门</title>

         <meta charset="utf8">

         <script src='./vue.js'></script>

    </head>

         <div id="demo">

              {{message}}

         </div>

    </body>

    <script>

        var app = new Vue({

             el:'#demo',

             data:{

             message:'Hello Vue.js的世界!'

             }

        });

    </script>

</html>




声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议