• Vue.js简介与安装


    Vue.js 是什么

    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

    两个核心点

    响应的数据绑定:当数据发生改变 —> 自动更新视图

    组合的视图组件:UI页面映射为组件树,划分组件可维护、可重用、可测试

    虚拟DOM(virtual DOM)

    大量 的操作DOM会降低js的运行速度,一般在更新数据后悔重新渲染页面,这样造成在没有改变数据的地方也重新渲染了DOM 节点,这样就造成了很大的资源浪费。

    vue在内存中生成了与真实DOM对应的数据结构,当数据发生变化时,能智能的计算出重新渲染组件的最小代价并应用到DOM操作上。

    MVVM模式

    Model-View-ViewModel 的缩写,一种基于前端开发的架构模式,核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定

    ViewModel负责连接 View 和 Model,保证视图和数据的一致性,这种轻量级的架构让前端开发更加高效、便捷。

    深入理解:https://www.cnblogs.com/goloving/p/8520030.html

    安装

    ①直接用<script>引入

    开发版本(包含完整的警告和调试模式):https://cn.vuejs.org/js/vue.js

    生产版本(删除了警告,33.3KB min+gzip):https://cn.vuejs.org/js/vue.min.js

    使用CDN:

    最新版本:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    生产环境推荐使用带明确版本号 如:<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

    ②NPM安装

    在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件

    npm install vue

  • 相关阅读:
    Hibernate核心接口和类
    Struts 2基础知识
    博客开篇
    程序员的幽默笑话(深意爆笑)
    追MM的各种算法
    全局css(慕课)
    全局css
    目录的分层
    class 设置多个css属性
    Python爬虫学习:四、headers和data的获取
  • 原文地址:https://www.cnblogs.com/1016391912pm/p/12404327.html
Copyright © 2020-2023  润新知