前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue的介绍及安装和导入

Vue的介绍及安装和导入

作者头像
小小咸鱼YwY
发布2019-09-11 14:53:32
7340
发布2019-09-11 14:53:32
举报
文章被收录于专栏:python-爬虫python-爬虫

08.27自我总结

Vue的介绍及安装和导入

本质就是封装一些js

一Vue的介绍

进式 JavaScript 框架

代码语言: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行广告内容注释掉就好了

代码语言:javascript
复制
        } 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.导入

代码语言:javascript
复制
<script src='vue文件的路径'></script>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-08-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 08.27自我总结
  • Vue的介绍及安装和导入
    • 一Vue的介绍
      • 进式 JavaScript 框架
    • 二.Vue的安装和导入
      • 1.安装
      • 2.导入
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档