Vue基本之初识Vue

2023年11月12日 254次阅读 来源: 一枚蛋Oops

Vue特性及长处

  • 玲珑，紧缩后体积17KB；
  • 渐进式，不需要一口吃成大胖子，一上来就用一切的东西，能够一步一步、有阶段的先吃成小胖子；
  • 数据驱动，双向数据绑定，MVVM形式，详见下一段
  • 指令，比方v-if/v-show等
  • 插件，假如你听过鼎鼎有名的饿了么UI你就更能体味个中精巧的地方，不过不要焦急

MVVM形式（口试考点）

和着名前端框架Angular一样，Vue.js设想上也运用MVVM形式
MVVM形式（Model-View-ViewModel）由MVC形式衍生而来。当View（视图层）发生变化时，会自动更新到ViewModel（视图模子），逆推也建立。所以这两者（View-ViewModel）的关联就是所谓的数据双向绑定。

下载装置

  1. 经由过程script加载CDN文件
<!-- 指定某个详细版本的Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<!-- 自动识别最新版本的Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

两个版本都能够，假如不太相识各个版本的区分，发起直接运用最新的稳固版本（假如辗转反侧非想相识个中的差异能够前去vue官方文档的装置章节的“对差别构建版本的诠释”）。注重：在你宣布的站点中运用临盆环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，能够带来比开辟环境下更快的速率体验。

  1. 将代码下载下来，经由过程本身的相对路径援用

  2. npm下载
    只需要会npm的运用和项目初始化就能够了

    NPM是伴同NodeJS一同装置的包管理工具，因为新版的nodejs已集成了npm，所以之前npm也一并装置好了。NPM许可用户从NPM服务器下载他人编写的第三方包到当地运用

    运用 npm 敕令装置模块

    npm install 模块名

    npm install vue

以上是本期全部内容，欲知后事怎样，请听下回分解<(￣︶￣)↗[GO!]

    原文作者：一枚蛋Oops
    原文地址: https://segmentfault.com/a/1190000017856876
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞