Vue的介绍及安装和导入

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

Vue的介绍及安装和导入

本质就是封装一些js

一Vue的介绍

进式 JavaScript 框架

通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目

  • 三大主流框架之一：Angular React Vue

  • 先进的前端设计模式：MVVM 这个我们可以和之前的mav设置模式结合其实他相当于mvcmc他将其中的逻辑控制又进行划分划分成视图的逻辑,数据的逻辑.

  • 可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发

  • 数据驱动 - 区别于DOM驱动(DOM加载后才能操作) - 在缓存中根据数据处理dom，再渲染给真实dom

  • 虚拟dom - 页面的缓存机制

  • 数据的双向绑定 - 页面中变量相同，数据就相同，实时被检测

1）vue可以控制一个页面中的一个标签

2）vue可以控制一个页面

3）vue可以控制整个项目

二.Vue的安装和导入

1.安装

去官方网站'https://cn.vuejs.org/'起步中安装,开发或者生产版本

两者版本的区别

  • 开发版本:没有删去空格换行便于查看源码

  • 生产版本:删去空格和换行提升加载速度

补充:

​ 个人有点强迫症由于Vue他会自带广告影响我看网页源码可以去屏蔽掉

9048行广告内容注释掉就好了

        } else {
          // console[console.info ? 'info' : 'log'](
          //   'Download the Vue Devtools extension for a better development experience:\n' +
          //   'https://github.com/vuejs/vue-devtools'
          // );
        }
      }
      if (config.productionTip !== false &&
        typeof console !== 'undefined'
      ) {
        // console[console.info ? 'info' : 'log'](
        //   "You are running Vue in development mode.\n" +
        //   "Make sure to turn on production mode when deploying for production.\n" +
        //   "See more tips at https://vuejs.org/guide/deployment.html"
        // );
      }

2.导入

<script src='vue文件的路径'></script>

以上是 Vue的介绍及安装和导入 的全部内容， 来源链接： utcz.com/z/377885.html

回到顶部