欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue的介绍及安装和导入

程序员文章站 2022-06-01 11:09:48
08.27自我总结 Vue的介绍及安装和导入 一Vue的介绍 进式 JavaScript 框架 三大主流框架之一:Angular React Vue 先进的前端设计模式:MVVM 这个我们可以和之前的 设置模式结合其实他相当于mvcmc他将其中的逻辑控制又进行划分划分成视图的逻辑,数据的逻辑. 可以 ......

vue的介绍及安装和导入

本质就是封装一些js

一vue的介绍

进式 javascript 框架

通过对框架的了解与运用程度,来决定其在整个项目中的应用范围,最终可以独立以框架方式完成整个web前端项目
  • 三大主流框架之一:angular react vue
  • 先进的前端设计模式:mvvm 这个我们可以和之前的mav设置模式结合其实他相当于mvcmc他将其中的逻辑控制又进行划分划分成视图的逻辑,数据的逻辑.
  • 可以完全脱离服务器端,以前端代码复用的方式渲染整个页面:组件化开发
  • 数据驱动 - 区别于dom驱动(dom加载后才能操作) - 在缓存中根据数据处理dom,再渲染给真实dom
  • 虚拟dom - 页面的缓存机制
  • 数据的双向绑定 - 页面中变量相同,数据就相同,实时被检测

1)vue可以控制一个页面中的一个标签
2)vue可以控制一个页面
3)vue可以控制整个项目

二.vue的安装和导入

1.安装

去官方网站'

两者版本的区别

  • 开发版本:没有删去空格换行便于查看源码
  • 生产版本:删去空格和换行提升加载速度

补充:

个人有点强迫症由于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>