zoukankan      html  css  js  c++  java
  • Vue是什么?

    1、为什么要学习vue
     
    学习Vue之前我们先来谈谈JQ的优点:
        链式操作DOM
        抹平各个浏览器之间的差异
     
    频繁的操作DOM会造成什么呢?
    回流和重绘:
        页面布局流发生改变就叫做回流
        重绘元素自身的额样式发生改变但是不会影响布局流
        回流一定会发生重绘 重绘不一定会发生回流
     
    2、vue的发展史
     
    渐进式的JavaScript的框架
        vue的作者:尤雨溪
        mvvm框架:
        M:model层 数据的增删改查
        V:view层 视图的展示 类似于html一样的模板
        VM:viewModel层 model层view层之间的控制层
        vue最大的特点
        数据驱动视图 虚拟DOM 组件.....
     
    如何做到数据驱动视图?
     
    Object.defineProperty();
     
    getter(get()) setter(set());
     
    vue3.0 new proxy();
     
    3.初体验
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <div id="app">
            <input type="text" v-model="msg">
            <p>{{msg}}</p>
        </div>
    
      
    </body>
    </html>
    <script src="./vue.js"></script>
    <script>
        new Vue({
            //vue所作用的范围
            el:"#app", //document.querySelector("#app")
            //当前Vue所需要的一些状态    当前组件所需要的一些状态   当前vue所需要的一些属性
            data:{
                msg:"1905"
            }
        })
    </script>
  • 相关阅读:
    SpringData JPA接口总结
    使用allatori混淆代码
    Oracle查看表空间大小
    Mac常用命令
    Web.config或App.config下section
    ansi、unicode、UCS、UTF等概念(转)
    强名称程序集与GAC
    指针和引用的区别(转)
    .NET程序员应该知道些什么(转)
    dispose,null和close的区别
  • 原文地址:https://www.cnblogs.com/r-mp/p/11224025.html
Copyright © 2011-2022 走看看