vue是什么意思
Vue是一套用于构建用户界面的渐进式框架。
与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。
Vue使用了双向数据绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，这就是Vue的精髓所在。
Vue的生命周期
Vue生命周期总共分为以下几个阶段：创建前后、挂载前后、更新前后、销毁前后。
Vue生命周期第一个阶段：
创建前：获取不到数据，也拿不到DOM元素。
创建后：可以获取数据，但拿不到DOM元素。
Vue生命周期第二个阶段：
加载前：可以拿到DOM元素，但是DOM元素没有被解析。
加载后：可以拿到DOM元素，DOM元素被解析了。
Vue生命周期第三个阶段：
更新前：数据改变了，DOM没有发生变化。
更新后：数据改变了，DOM也发生了变化。
Vue生命周期第四个阶段：
销毁前：所有的事件监听和实例都可以用。
销毁后：所有的事件监听和实例都被销毁。
vue是什么框架
Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。
Vue是一套用于构建用户界面的渐进式框架。
Vue被设计为可以自底向上逐层应用。
Vue的核心库只关注视图层，易上手，便于和第三方库或既有项目整合。
现代化的工具链和各种类库结合使用，Vue也更适合做复杂的单页面应用SPA（SinglePage Web Application）
什么是vue框架？
什么是vue
是一套构建用户界面的渐进式（用到哪一块就用哪一块，不需要全部用上）前端框架，Vue 的核心库只关注视图层
vue的兼容性
Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。
vue学习资源
vue.js中文官网：
vue.js源码：
vue.js官方工具：
vue.js官方论坛：forum.vuejs.org
对比其他框架-React
React 和 Vue 有许多相似之处，它们都有使用 Virtual DOM；提供了响应式（Reactive）和组件化（Composable）的视图组件。将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。React 比 Vue 有更丰富的生态系统
都有支持native的方案，React的RN，vue的Wee下
都支持SSR服务端渲染
都支持props进行父子组件间的通信
性能方面：React 和 Vue 在大部分常见场景下都能提供近似的性能。通常 Vue 会有少量优势，因为 Vue 的 Virtual DOM 实现相对更为轻量一些。
不同之处就是：
数据绑定方面，vue实现了数据的双向数据绑定，react数据流动是单向的
virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制
state对象在react应用中不可变的,需要使用setState方法更新状态;在vue中,state对象不是必须的,数据由data属性在vue对象中管理（如果要操作直接this.xxx）
组件写法不一样, React推荐的做法是 JSX , 也就是把HTML和CSS全都写进JavaScript了,即'all in js'; Vue推荐的做法是webpack+vue-loader的单文件组件格式,即html,css,js写在同一个文件
对比其他框架-angular
在性能方面，这两个框架都非常的快，我们也没有足够的实际应用数据来下一个结论。如果你一定想看些数据的话，你可以参考这个第三方跑分。单就这个跑分来看，Vue 似乎比 Angular 要更快一些。
在大小方面，最近的 Angular 版本中在使用了 AOT 和 tree-shaking 技术后使得最终的代码体积减小了许多。但即使如此，一个包含了 vuex + vue-router 的 Vue 项目 (30kb gzipped) 相比使用了这些优化的 Angular CLI 生成的默认项目尺寸 (~130kb) 还是要小的多。
灵活性：Vue 相比于 Angular 更加灵活，Vue 官方提供了构建工具来协助你构建项目，但它并不限制你去如何组织你的应用代码。有人可能喜欢有严格的代码组织规范，但也有开发者喜欢更灵活自由的方式。
vue.js的核心特点—响应的数据绑定
传统的js操作页面：在以前使用js操作页面的时候是这样的，需要操作某个html元素的数据，就的使用js代码获取元素然后在处理业务逻辑
响应式数据绑定的方式操作页面，可以直接使用像下面代码那样的写法就可以将数据填充到页面中
template
div id="app"
{{ message }}
/div
/template
script
export default {
name: 'app',
data () {
return {
message: 'Welcome to Your Vue.js App'
}
}
}
/script
style
/style
vue.js的核心特点—可组合的视图组件
一个页面映射为组件树。划分组件可维护、可重用、可测试，也就是一个页面由多个组件组合而成
vue中实现组件引入示例
第一步：import导入需要引入的组件文件；
第二步：注册组件；
第三步：在需要引入组件的文件中加上组件标签（这个标签的标签名就是注册的组件名字，多个单词的和这里有xx-xx的形式）
需要注意的是：组件可以嵌套引入，也就是说组件可以引入其他组件
首先创建一个组件，用于被引入的组件，组件名字叫Hello.vue
————————————————
版权声明：本文为CSDN博主「胡椒粉0121」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。