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>
posted @ 2019-08-27 16:37  小小咸鱼YwY  阅读(1556)  评论(0编辑  收藏  举报