学斋随笔，初九潜龙勿用，-44关于Vue

Posted 2021-02-10 biruofeng

　　Vue.js 允许自定义过滤器，可被用作一些常见的文本格式化。

　　过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 javascript 表达式的尾部，由“管道”符指示；

　　这里过滤器分为私有过滤器和全局过滤器，全局过滤器，就是所有的VM实例都共享的，而当有局部和全局两个名称相同的过滤器时候，会以就近原则进行调用，即局部过滤器优先于全局过滤器被调用。

　　vue组件，vue组件的解释为组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。　

　　组件化和模块化的不同：

 

　　　　模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；

 

　　　　组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；

　　全局组件定义有三种方式

　　　　1.使用 Vue.extend 配合 Vue.component 方法

　　　　2.直接使用 Vue.component 方法

　　　　3.将模板字符串，定义到template 标签种

　　在这里组件中的DOM结构，有且只能有唯一的根元素（Root Element）来进行包裹

　　

 

　　vue实例的生命周期，从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。

　　对上面这句的理解大概就是开始创建，而后加载内存，加载完后渲染，渲染完后修改，改完再渲染，最后结束销毁。