框架和库的区别
库是一种插件，是一种封装好的特定方法的集合。提供给开发者使用，控制器在使用者手里。
框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，使用者需要按照框架所规定的某种特定规范进行开发。
目前的流行前端框架
angular Vue react 流行的一些库jquery ，Zepto
vue作为前端框架的特点
- 构建用户界面，只需要关系view层
- 易学，轻量快速
- 渐进式框架
什么是渐进式？
1.声明式渲染 2.组件系统 3.客户端路由 4.大规模状态管理 5.构建工具
vue优点：
响应式的数据绑定： 当数据发生改变，视图可以自动更新，可以不用关心dom的操作，专心数据操作。
可组合的视图组件： 把视图按照功能切分成若干基本单元。
什么是MVVM
什么是MVC，MVC是后端的分层开发概念，M-modle数据层面，C-controller数据控制层，V-view前端人员的视图层。
什么是MVVM，其中M-保存每个页面中的数据，VM-是一座桥将M和V进行分割，M和V的数据交互都需要它来帮助，V-是每个页面的html。
前端
MVVM是前端视图层的分层开发思想，主要把每个页面，分成了M,V和VM,VM是MVVM的思想的核心，VM是M和V之间的调度者。
前端MVVM的思想是为了让我们开发更加方便，因为MVVM提供了数据的双向绑定，数据的双向绑定时由MV提供的。
M M保存的是每个页面中单独的数据
VM 它是一个调度者，分割了M和V。
V 是每个页面中HTML结构
app.js 项目的入口模块 一切的请求，都要先进入这里进行chuli app.js并没有路由分发的功能，需要调用router.js模块进行路由的分发处理
router.js 路由分发处理模块，只负责分发路由
controller 这是业务逻辑的处理层 在这个模块中，封装了一些具体业务逻辑处理的逻辑代码，但是，为了保证职能单一，此模块只负责处理业务，不负责处理数据的CRUD。
Model层 只负责操作数据库，执行对应sql语句
创建VUE实例
安装： 1.去官网下载指定顶vue版本包 2.使用cdn使用线上版本 3.使用npm进行安装 4.使用CLI脚手架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--导入Vue cdn 的网址-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{msg}}</p>
</div>
<script>
var vm = new Vue({
// 也可以绑定docuemnt.getElementById('#app')返回的app对象
el:"#app",
data:{
msg:"第一个案例"
}
})
</script>
</body>
</html>
v-text 能展示对应data中数据内容，也能在数据基础上做运算
v-html -- html标签渲染 容易产生xss攻击 如何防止xss攻击: 1.前端过滤 2.后台转义 3.给cookie 加上属性 http
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--导入Vue cdn 的网址-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p v-html="msg"></p>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
msg:"<span>v-html渲染</span>"
}
})
</script>
</body>
</html>'v-text' 虽然没有数据加载闪烁问题，但是会将标签中间的数据覆盖，也不能渲 染html格式数据。
'v-html' 谨慎使用会出现xss攻击的风险
VueJS 实际开发中会遇到的问题
VueJS 实际开发中会遇到的问题，主要写一些 官方手册 上没有写，但是实际开发中会遇到的问题，需要一定知识基础。
vue与后台交互ajax数据
Vue.js是一套构建用户界面的渐进式的前端框架。 vueJS与后台交互数据的方法我所了解的有以下几种
Vuejs讲解之：响应式、过渡效果、过渡状态
Vue是一套构建用户界面的JS渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。讲解js高级之响应式、过渡效果、过渡状态。
Vue响应式开发，深入理解Vue.js响应式原理
深入理解Vue.js响应式原理。Vue教程有关的视频都讲到，我习惯响应式开发，在更早的Angular1时代，我们叫它：数据绑定(Data Binding)。你只需要在Vue实例的 data() 块中定义一些数据，并绑定到HTML
vue中慎用style的scoped属性
在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？因为scoped往往会造成我们在修改公共组件（三方库或者项目定制的组件）的样式困难，需要增加额外的工作量
基于vue移动端UI框架有哪些？vue移动端UI框架总汇
vue现在使用的人越来越多了，这篇文章主要整理一些比较优秀的移动端ui框架，推荐给大家，例如：mint UI、vux、vonic、vant、cube-ui、Muse-ui、Vue-Carbon、YDUI等
使用webpack提升vue应用的4种方式
webpack是开发Vue单页应用必不可少的工具，它能管理复杂的构建步骤，并且优化你的应用大小和性能, 使你的开发工作流更加简单。在这篇文章中，我将解释使用webpack提升你的Vue应用的4种方式，包括：单文件组件、优化Vue构建过程、浏览器缓存管理、代码分离
Vue2.0用户权限控制解决方案
Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。
组件化的概念/特性/优点，Vue组件的使用
Web 中的组件其实就是页面组成的一部分，具有高内聚性，低耦合度，互冲突等特点，有利于提高开发效率，方便重复使用，简化调试步骤等。vue 中的组件是一个自定义标签形式，扩展原生的html元素，封装可重用的代码。
Vue2实例详解与生命周期
Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!