54 vue的基本知识、vue基本指令、UI框架之Bootstrap

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了54 vue的基本知识、vue基本指令、UI框架之Bootstrap，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1859字，纯文字阅读大概需要3分钟。

内容图文

 

---

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

3.4 基本应用

内容总结

以上是互联网集市为您收集整理的54 vue的基本知识、vue基本指令、UI框架之Bootstrap全部内容，希望文章能够帮你解决54 vue的基本知识、vue基本指令、UI框架之Bootstrap所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---