1. VUE介绍

今天开始系统学习vue前端框架. 我是有前端基础的, 刚工作那会, 哪里分那么清楚啊, 前后端我都得做, 所以, css, js, jquery, bootstrap都会点, 还系统学过ext, 哈哈,是不是都不知道是啥, 没事, 都过时了. 现在开始, 学习最流行的Vue, 后端不会页面, 说不过去呀.....

言归正传, Ready, Go!

一. 认识Vuejs   1. 为什么学习Vuejs

这几年Vue.js成为前端框架中最火的一个。越来越多的网站前端开始采用Vue.js开发。前端开发必备技能.

Vuejs是开源世界华人的骄傲,其作者是我国尤雨溪。学习门槛低,成本低,可跨设备和多平台开发Vue.js.

前端换工作, 面试必问的框架.

  2. 简单认识一下Vuejs

官网地址: https://cn.vuejs.org/

是一套用于构建用户界面的渐进式框架, 什么是渐进式框架呢?

        渐进式框架是说, vue可以作为应用的一部分嵌入.

        比如:之前项目使用的是jquery开发的, 项目体量比较大, 现在知道vue使用上,效果上都更方便, 想要替换为vue, 可问题是之前的页面特别多,如果全部替换,工作量太大,那么没关系, vue允许你部分嵌入, 也就是说原来的页面依然使用jquery, 而后开发的页面使用Vuejs. vue可以作为一部分嵌入到项目中. 后面再逐渐替换.

如果是使用vue开发新项目, 那么可以使用vue的全家桶. 包括核心库和和生态系统. 比如: Core+Vue Router + Vuex.

  3. Vuejs的核心功能

解耦视图和数据

可复用的组件

前端路由技术

状态管理

虚拟DOM

二. Vuejs安装方式

vuejs的安装有三种方式, 

  1. CDN引入

CDN引入有两个版本: 开发环境和生产环境. 也就是说, 不用本地安装vue, 而是引入CDN中vue的包

<!-- 开发环境 --> <script src= "https://cdn.jsdelivr.net/npm/vue/dist/vue.js></script> <!-- 生产环境 --> <script src= "https://cdn.jsdelivr.net/npm/vue/vue.js></script>


生产环境建议带上版本号, 避免因版本问题产生异常
<script src=http://www.likecs.com/"https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsxwyg.html