Blogger Information
Blog 25
fans 0
comment 1
visits 21960
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
VUE.JS(一)基本介绍及安装
潜轲的博客
Original
940 people have browsed it

介绍: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>




Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post