zoukankan      html  css  js  c++  java
  • Vue.js学习笔记(介绍)

    Vue语法也可以进行APP开发,需要借助weex

    Vue.js是一套构建用户界面的框架,只关注视图层,便于与第三方库或既有项目整合。

    在Vue中的核心概念:让用户不能操作Dom元素(减少不必要的dom操作,提高渲染效率),;双向数据绑定的概念(通过框架提供的指令,让程序员可以更多的关注业务逻辑,不在关心Dom是如何渲染的)

    ## 框架和库的区别

    框架:一套完整的技术解决方案;对项目的侵入性比较大,项目如果需要更换框架,则需要重新架构整个项目。

    库(插件):提供某个小功能,对项目侵入性比较小,如果某个库无法完成某些需求,可以很容易切换到其他库实现需求。

    EX:从JQuery切换到Zepto、从EJS切换到art-tamplate

    ##Node(后端)中的MVC与前端中的MVVM之间的区别

    MVC:是后端的分层开发概念

    MVVM:是前端视图层的概念,只要关注于   视图层分离,也就是说MVVM把前端的视图层分为了三部分,使开发更加方便,因为提供了数据的双向绑定。

    M:保存的是每个页面中单独的数据

    VM:他是一个调度者,分割了M和V;每当V层想要获取或保存数据的时候,都要由VM做中间的处理

    V:每个页面中的HTML结构

     ##Vue.js基础代码块

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
     6         <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     7         <title>Document</title>
     8         <script src="lib/vue.js"></script>
     9         <!-- 导入js库 -->
    10     </head>
    11     <body>
    12         <div id="app">
    13             <p></p>
    14         </div>
    15         <script type="text/javascript">
    16             var vm = new Vue({    //实例化vm,获得ViewModel
    17                 el:'#app',    //el 指定要控制的区域
    18                 data:{  },    //是个对象,制定了控制的区域内要用到的数据
    19                 methods:{    //methods虽然带有s后缀,但是是个对象,自合理可以自定义了方法
    20                     
    21                 }
    22             })
    23         </script>
    24     </body>
    25 </html>
  • 相关阅读:
    Ceph 之RGW Cache
    Ceph 之RGW Pub-Sub Module
    Ceph 之RGW Data Layout
    RocksDB 之Write Ahead Log(WAL)
    Ceph 之 Background on http frontends
    Ceph 之Multisite 下的bucket reshard
    Ceph之PG数调整
    Ceph之对象存储网关RADOS Gateway(RGW)
    window mysql重启、忘记密码等操作
    selenium处理HTML5视频播放未能自动播放解决办法
  • 原文地址:https://www.cnblogs.com/edward-life/p/10745206.html
Copyright © 2011-2022 走看看