Mvvm模式
MVVM分为model（数据模型）、view（视图）、viewmodel（视图模型）三者。
Model:指的是js中的数据，如对象，数组等等
View:指的是页面视图
viewModel:指的是vue实例化对象
viewmodel是view和model的连接器，view和model通过viewmodel来实现数据绑定，而viewmodel通过数据绑定和dom监听来实现的
vue如何打包上传至服务器
修改本地项目文件index.js配置。
压缩项目文件。
上传压缩后的项目到服务器
解压项目并开启777权限
修改服务器里的一些配置
重启apche
vue全家桶
vue-router 路由
vuex 状态管理工具
vue-cli 项目构建工具
axios http请求工具（vue-resource 是vuejs的一款插件，也是用来请求接口。vue2.0后不再更新，推荐使用axios接口请求工具）
组件库
传参
1. vue可以通过标签router-link跳转传参，通过path+路径，query+参数
2. 也可以通过事件里的this.$router.push（{}）跳转传参
Vue的优缺点
优点：
1. 轻量级的框架
2. 双向数据绑定
3.组件化
4.渐进式
5. MVVM模式
缺点：
1. 缺乏高阶教程
2.不支持IE8
3. 生态环境差
4.社区不大
5. 报错不明显，适合单人开发或者中小型项目
vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化
Vue的两个核心
组件化
数据绑定
vue中父组件与子组件的传值
父组件传给子组件：子组件通过props方法接受数据;
子组件传给父组件：$emit方法传递参数
兄弟组件传值：eventBus方法传值，项目大的时候建议使用vuex
vue动态路由
在 router 目录下的 index.js 文件中，对 path 属性加上 /:id。使用 router 对象的 params.id，例如：this.$route.params.id
vue的生命周期
beforeCreate 创建前
created 创建后
beforeMount 载入前
mounted 载入后
beforeUpdate 更新前
updated 更新后
beforeDestroy 销毁前
vue的常用指令
v-if：满足条件则创建DOM元素，不满足则删除DOM元素
v-for：遍历，基于数据源循环渲染元素或模板块。
v-show：满足条件则显示DOM元素，不满足则隐藏DOM元素
v-text：渲染文本（统统解析成文本）
v-html：渲染文本（能解析 HTML 标签）
v-on：绑定事件（可以缩写为@）
v-bind：绑定属性，单向数据绑定。将绑定的属性作为JavaScript表达式计算后输出（可以缩写为：）
v-model：绑定属性，双向数据绑定。将绑定的属性作为JavaScript表达式计算后输出
vue的计算属性
计算属性是vue实例中的一个配置选项：computed
通常里面都是一个个计算相关的函数，返回最后计算出来的值。
即我们可以把这些计算的过程写到一个计算属性中去，然后让它动态的计算
计算属性一般就是用来通过其他的数据算出一个新数据，而且它有一个好处就是，它把新的数据缓存下来了，当其他的依赖数据没有发生改变，它调用的是缓存的数据，这就极大的提高了我们程序的性能。而如果写在methods里，数据根本没有缓存的概念，所以每次都会重新计算。
v-for的key属性
1.使用v-for时，key属性是必须的。
2. key属性用来标识当前循环这一项的唯一身份。
3. key属性的值必须是number或string。
4.必须通过绑定的方式指定key的值。
axios是什么和它的特性
axios 是一个基于 promise 的 HTTP 库，可以发送 get，post 请求，正是由于 Vue、React 的出现，促使了 axios 轻量级库的出现
特点
1.可以在浏览器中发送 XMLHttpRequest 请求
2.可以在 node.js 发送 http 请求
3.支持 Promise API
4.拦截请求和响应
5.转换请求和响应
6.转换请求数据和响应数据
7.能够取消请求
8.自动转化 JSON 格式
如何让CSS只在当前组件中起作用
将当前组件的<style>修改为<style scoped>
网友评论