Vue的组件,过滤器，自定义指令以及v-if

v-if&v-show

 

v-show如果值为true 相应的节点就会显示，就算值是flase，在dom中依然存在，只是把display的值改成none 

       

我爱你

v-if是直接将dom删除了，在dom文档中已经找不到对应的dom，变成了注释

       

我爱你

如果频繁使用 就使用v-show 可以节约性能开销

如果短暂使用，例如页面一开始加载的时候进行判断显示 优先使用v-if

实际开发中，使用v-if比较多

 v-for比v-if优先级高，不推荐同时使用

解决v-if和v-for同时使用的方法是 使用computed计算属性来过滤，之后再渲染计算属性的数据

       

{{item}}

   

   

   

组件

组件名是大写 在浏览器编译的时候会转成小写，导致找不到想应的组件，可以全变成小写，中间加-来解决

       

所有的组件都需要使用一个div来包裹 

       

       

模板的第二种写法，使用template加id 

       

   

   

   

过滤器

       |过滤器的管道符 

       

{{'我是李云龙:山本我日你先人'|fn('宝贝')|fn('sad')}}

       

{{'我爱张sir'|str('金牌厨师')}}

       

{{'hello'|he}}