ref 属性
-
ref属性标示对dom的引用，值是唯一值，定义在dom标签内 - 获取时使用
this.$refs.属性值
自定义指令
- 通过
Vue.directive('指令名',配置项)创建，包含两个参数，自定义指令的名字和自定义指令的配置项 -
inserted(el,binding)钩子函数,自定义指令插入到标签中时执行，el表示使用自定义指令的函数，binding表示自定义指令的信息 -
v-自定义指令名="参数"传递的参数可以在钩子函数里第二个参数获取
VUE 过滤器
- 通过 Vue.filter()创建过滤器，参数1顾虑器名称，参数2过滤器的处理函数
- 使用方法：
{{name | 过滤器名称}} - 可以用于一些常见的文本格式化
computed 计算属性
- 通过
computed关键字创建计算属性 - 在使用计算属性时可以在计算属性的方法里进行一些操作
watch 监听器
- 用来监听属性的变化,只要监听的属性值发生改变，监听器就会执行
- 使用
watch属性使用,它是一个对象，对象里函数名是需要监听的属性watch: { 属性名(oldVal, newVal) { code... } } - 深度监听,监听对象类型只能用深度监听
axios 基于promise的(HTTP库)
- 用法如下：
//get请求 (1) axios.get('/getData?id=1').then(res => {//code}).catch(err => {throw err}) (2) axios.get('/getData,{ //此处固定写法 只能写 params params: { id:1 } }).then(res => {code...}).catch(err => {code...}) //post 请求 axios.post('/user', { name: 'zs', age: '123' }).then(res => {code...}).catch(err => {code...})
async 和 await
-
async是一个ES7的语法关键字，只能用来修饰functionasync function getInfo() {code...} //专业名称叫：异步方法 -
await只能用在被async修饰的异步方法中,它的作用就是修饰一个promise实例 - 异步方法中，在遇到第一个
await之前，所有的代码都是同步调用的 -
async函数返回一个Promise对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。
