首页 > 其他分享> 文章详细

vue简介

2019-04-13 11:42:53 阅读：197 来源： 互联网

标签：vue MVVM vuejs 简介绑定 js Vue 双向

什么是Vue.js？

Vue (读音 /vjuː/，类似于 view) ，是一个轻量级的MVVM前端框架；

MVVM框架： MVVM是Model-View-ViewModel的简写，利用数据双向绑定简化DOM操作；

中文官网： https://cn.vuejs.org/

作者：尤雨溪（Evan You）

Vue的优势：

轻便性、高效性：20kB min+gzip 运行大小；

灵活性：在一个库和完整框架之间自由选择；

数据双向绑定：简化DOM操作；

数据驱动：保证数据和视图的一致性；

组件化：将重复的结构、样式、逻辑封装成组件，方便复用，从而可组成大型应用；

第三方支持：支持很多优秀的第三方库；

注意：Vue不支持IE8及以下版本；

获取Vue.js库有以下方式：

1、 https://cn.vuejs.org/v2/guide/installation.html 手动下载；

2、使用npm命令；直接引用；

使用Vue.js编写HelloVue项目

我们也可以通过控制台控制页面属性，这就是数据的双向绑定：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Hello Vue</title>
        <script src="../js/vue.js"></script>
        
        <script>
            var app=null;
            window .onload= () =>{
                
                app=new Vue({
                el:"#one",
                data:{
                    message:"Hello Vue!!!"
                }
                
                
            })
            }
        </script>
    </head>
    <body>
        <div id="one">
            
            {{message}}
        </div>
    </body>
</html>

标签：vue,MVVM,vuejs,简介,绑定,js,Vue,双向
来源： https://www.cnblogs.com/jiguiyan/p/10700378.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue简介