Vue2简明笔记
模板语法
- 绑定文本:
{{}}
- 绑定属性:
:
- 绑定事件:
@
组件传值
- 父级向子级传递数据,用属性(props属性)
- 子级向父级传递数据,用事件(自定义事件,
this.$emit()
) - 全局变量(新建js,state属性)
计算属性与侦听器的选择
- 一个值改变影响多个值,用侦听器(watch)
- 多个值改变得到一个值,用计算属性(computed)
生命周期钩子
created()
mounted()
插槽,具名插槽
<slot></slot>
DOM操作
this.$refs.
- 一般不需要获取真实DOM
过滤器
- filter属性
|
使用
数据双向绑定
v-model
路由
- 工作方式
<router-link to=""></router-link>
<router-view \>
- 跳转:
this.$router.push()
项目部署
配置文件
.env.development
.env.production
- 变量名:
VUE_APP_XXX
- 使用:
process.env.变量名