Vue基础与修饰符

1过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符指示。

2作用：在我们页面显示值之前加一层过滤，展示我们过滤后的值

3格式：{{变量 | 过滤器名}}

4有全局定义和私有定义

5注意事项：函数的第一个参数都是data，也就是我们要过滤的值。过滤器可以自定义一些参数。过滤器函数的返回值就是最终显示的值

6

 Vue的代码结构

1.先引入Vue的js

2.写视图层

3.实例化Vue（

 const app = new Vue({
        el:'#app',

        data:{
            msg:'sss'

        },

        methods:{
        },

    })

）

插值表达式直接在div里面写两个{}就可以

v-cloak（防止闪烁）（直接写在标签里面）

在style里面写<style>[v-cloak]{display:none}</style>

v-text v-html(两个都会替换掉元素里的内容但v-text不会解析富文本而v-html会)

v-bind（界面内的元素属性值的绑定）（简写：）

v-on（事件绑定）（简写@）

v-model（数据双向绑定）

v-for（循环）（可以遍历数组，对象和数字）

：key（

key在使用v-for的时候都需要去设置key
key只能是字符串或者数字
key必须是唯一的
）

v-if v-show（都是设置元素的显示与隐藏不过v-if是通过删除dom元素来实现 v-show是通过设置display:none来实现的）

1. 直接在元素上通过 :style 的形式，书写样式对象

2. 将样式对象，定义到 data 中，并直接引用到 :style 中

   1. 在data上定义样式

   2. 在元素中，通过属性绑定的形式，将样式对象应用到元素中

3. 在 :style 中通过数组，引用多个 data 上的样式对象

   1. 在data上定义样式

   2. 在元素中，通过属性绑定的形式，将样式对象应用到元素中