54 vue的基本知识、vue基本指令、UI框架之Bootstrap
54 vue的基本知识、vue基本指令、UI框架之Bootstrap
一、vue的基本知识
1.1vue 的官网
https://cn.vuejs.org/
1.2概念
渐进式的JavaScript框架？？？？
渐进式。。。
自底向上，逐渐增强。vue.js它本身就是一个库，类似于jq。你可以把它当做一个普通的库去调用，完成简单的demo和界面。当我们的需求增加，产品需求的增加，普通的页面无法满足我们的日常开发需求。我们可以利用vue的够工具，也就是vue-cli 脚手架快速搭建项目的模型（项目的基本骨架都成型了）。项目越来越大，我们还可以调用vue的核心插架比如路由（vue-router）或者状态管理（vuex）....
----
官方的概念：
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
1.3vue的版本
vue3.0 它只是测试版本！！！！ 并没有正式上线！！！ 有很多bug和不稳定
我们目前讲的是vue2.x版本
1.4 VUE的缺点
Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
1.5安装并下载
-
CDN不推荐
开发环境： 包含了一些命令提示和警告
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
生产环境：
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
-
把核心库下载到本地并引入
基本不用
-
npm管理包！！！（经常用）
如果是一个空文件夹，我们要先去创建package.json文件，用于管理所有的插件
npm init -y (默认自动创建)
-------
下载vue的方法：
npm install(简写成i) vue
二、vue基本指令
-
v-html
-
v-text
-
v-if(v-else)和v-show
-
v-bind： 动态绑定 可以简写成：
-
v-on: 事件绑定 可以简写成 @
-
v-for ：循环比那里
-
v-model ：双向数据绑定
三UI框架之Bootstrap(扩展)
3.1官网地址
https://www.bootcss.com/ 中文官网
https://v4.bootcss.com/ 4版本网址
3.2概念
简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。
3.3 通过NPM下载安装
npm install bootstrap
版本号： + bootstrap@4.6.0
浙公网安备 33010602011771号