weixin_43343980的博客

vue的数据双向绑定将MVVM作为数据绑定的入口，整合Observer，Complie和Watcher三者，通过Observer来监听自己的model的数据变化，通过Complie来解析编译模板指令（vue中是用来解析{{}}）,最终利用watcher搭起observer和complie之间的通信桥梁，达到数据变化-视图更新，视图交互变化（input）-数据model变更双向绑定效果。对于双向绑定的理解，就是用户更新了View，Model的数据也自动更新了，这种情况就是双向绑定。2、vue双向绑定的原理。

首屏时间(First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容。在服务器我们也要做响应的配置，如果发送请求的浏览器支持gzip，就发送给它gzip格式的文件，我的服务器使用express框架搭建的，只要安装一下expression就能使用。常用的手段是路由懒加载，把不同路由对应的组件分割成不同的代码块，待路由被请求的时候会单独打包路由，使得入口文件变小，加载速度大大增加。

2、如果避免出现这种情况，则在外层嵌套template（页面渲染不生成dom节点），在这一层进行v-if判断，然后在内部进行v-for循环。1、永远不要把v-if和v-for同时用在同一个元素上，带来性能方面的浪费（每次渲染都会先循环再进行条件判断）在v-for的时候，建议设置key值，并且保证每个key值是独一无二的，这便于diff算法进行优化。这时候我们可以看到，v-for与v-if作用在不同标签的时候，是先进行判断，再进行列表的渲染。v-if与v-for都是vue模板系统中的指令。

可调用methods中的方法，访问和修改data数据出发响应式渲染dom，可通过computed和watch完成数据计算。vm.el已完成DOM的挂载与渲染，此刻打印vm.$el，发现之前的挂载点及内容已被替换成新的DOM。vue生命周期总共分为8个阶段，创建前后，载入前后，更新前后，销毁前后，以及一些特殊场景的生命周期。此阶段vm.el完成挂载，vm.$el生成的DOM替换了el选项所对应的DOM。完成数据观测，属性与方法的运算，watch，event事件回调的配置。

到了created的时候，数据已经初始化完成，能够访问到data、props这些属性，但这时候并未完成dom的挂载，因此无法访问到dom元素。vue构建函数调用_init方法，但我们发现文本中并没有这个方法，但仔细看可以看到文件下定义了很多初始化方法。在调用beforeCreate之前，数据初始化并未完成，像data、props这些属性无法访问到。首先可以看到initMixin方法，发现该方法在vue原型上定义了_init方法。options是用户传递过来的配置项，如data、methods等常用的方法。

v-if由false变为true的时候，触发组件的beforeCreate、create、beforeMount、mounted钩子，由true变为false的时候触发组件的beforeDestory、destoryed方法。编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件，v-show只是简单的基于css切换。性能消耗：v-if有更高的切换消耗，v-show有更高的初始渲染消耗。v-if与v-show都能控制dom元素在页面的显示。它在vue中如何实现？

SEO搜索引擎优化

路由模式之哈希模式和历史模式

无法访问此网站网址为 http://0.0.0.0:8080/ 的网页可能暂时无法连接，或者它已永久性地移动到了新网址

7:1 error Expected indentation of 2 spaces but found 0 indent