.NET Core实战项目之CMS 第六章 入门篇-Vue的快速入门及其使用

写在前面

上面文章我给你们介绍了Dapper这个ORM框架的简单使用，大伙会用了嘛！原本今天这篇文章是要讲Vue的快速入门的，缘由是想在后面的文章中使用Vue进行这个CMS系统的后台管理界面的实现。可是奈何Vue实现的SPA有必定的门槛，不太适合新手朋友，因此为了照顾大多数人，我准备仍是采用asp.net core mvc+html+js+css+layui这个传统的技术栈来实现。可是，无论怎么说我仍是会把Vue的基本使用给大伙介绍一下！
固然，若是这篇文章我也是抱着学习的态度跟你们一块儿来了解Vue的，若是你想经过这篇文章就能熟练的使用Vue那你就太天真了！目前，做为后端的我对Vue的掌握也仅仅停留在入门阶段。后期再带着你们一块儿把这个项目升级到Vue吧！

本篇文章已经收归入《.NET Core实战项目之CMS 第一章 入门篇-开篇及整体规划》另附上.NET Core实战项目交流群：637326624 有兴趣的朋友能够共同交流技术经验。
做者：依乐祝
原文地址：https://www.cnblogs.com/yilezhu/p/10035275.html

Vue是什么

Vue (读音 /vjuː/，相似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不一样的是，Vue 被设计为能够自底向上逐层应用。Vue 的核心库只关注视图层，不只易于上手，还便于与第三方库或既有项目整合。另外一方面，当与现代化的工具链以及各类支持类库结合使用时，Vue 也彻底可以为复杂的单页应用提供驱动。
说白了Vue.js就是当下很火的一个JavaScript MVVM库（前端库）。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得咱们可以快速地上手并使用Vue.js。
若是你以前已经习惯了用jQuery操做DOM，学习Vue.js时请先抛开手动操做DOM的思惟，由于Vue.js是数据驱动的，你无需手动操做DOM。它经过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你建立了绑定，DOM将和数据保持同步，每当变动了数据，DOM也会相应地更新。
固然了，在使用Vue.js时，你也能够结合其余库一块儿使用，好比jQuery。

Vue.js的特色

• 简洁： HTML 模板 + JSON 数据，再建立一个 Vue 实例，就这么简单。

• 数据驱动： 自动追踪依赖的模板表达式和计算属性。

• 组件化： 用解耦、可复用的组件来构造界面。

• 轻量： 生产版本删除了警告后共30.90KB min+gzip，无依赖（2.5.17版本）。

• 快速： 精确有效的异步批量 DOM 更新。

• 模块友好： 经过 NPM 或 Bower 安装，无缝融入你的工做流。

如何学习Vue.js

这里介绍几个比较好的Vue学习的网站，都是免费的！大伙能够跟着系统的学习下。毕竟我最开始也是看了下面的官方教程以及菜鸟教程里面的Vue教程的。
Vue的官方中文教程：https://cn.vuejs.org/v2/guide/index.html
Vue.js菜鸟教程：http://www.runoob.com/vue2/vue-tutorial.html
GitHub地址：https://github.com/vuejs/vue
Releases地址：https://github.com/vuejs/vue/releases

快速开始运行Vue.js

Vue的安装

这里须要注意的是Vue 不支持 IE8 及如下版本，由于 Vue 使用了 IE8 没法模拟的 ECMAScript 5 特性。但它支持全部兼容 ECMAScript 5 的浏览器。目前最新稳定版本是：2.5.17。目前就两种我认为经常使用的安装方式罗列以下：至于NPM以及CLI的方式我就不推荐了，专业的前端玩的东西我感受高大上，懒得折腾。

1. 直接下载并用

   刷新评论 刷新页面 返回顶部