Vue基础

数组相关的API

修改数组

替换数组

过滤器

作用：可以在模板中直接对数据进行简单的转换，而无需修改底层数据 注意： 1.要定义到filters节点下，本质是一个函数 2.过滤器函数要有return值 3.在过滤器的的形参中，获取的是"管道符"前面待处理的值 4.如果全局过滤器和私有过滤器名字一样，调用的是私有过滤器

 <div id="app">
 <p :title="info | capitalize">{{message | capitalize}}</p>
 </div>

<script>
// 全局过滤器
 Vue.filter('capitalize', (str) => {
 return str.charAt(0).toUpperCase() + str.slice(1)
 })
</script>
<script>
 const vm = new Vue({
  el: '#app',
  data: {
        message: 'hello vue.js',
        info: 'title info',
   },
    // 私有过滤器，只能被当前 vm 所控制的区域所使用
  filters: {
        capitalize(str) {
        return str.charAt(0).toUpperCase() + str.slice(1)
        },
  },
})
</script>

连续调用多个过滤器

// 过滤器会从左到右接收上一个过滤器的结果，并返回最终的处理结果供模板展示
<p>{{ data | filter1 | filter2 | filter3 }}</p>

过滤器传参

侦听器

watch侦听器语序开发者监视数据的变化，从而针对数据的变化做特定的操作

方法格式的侦听器 newVal是新值，oldVal是旧值

添加immdiate控制侦听器是否自动触发一次

计算属性

vue-cli