Vue的介绍及安装和导入

08.27自我总结

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>