tpf1220的关于前端的技术的比较浅显的健谈

学了一阵子Vue,感觉初步了解了一些，但是还是比价少，如何使用Vue还需要很长时间的学习。今天想看一看Vue的生命周期，我想通过我自己的理解将其记录下来。从网上搜到了各种关于Vue生命周期的博客，都写的大致相同。我的理解看，主要分为四个阶段：create,mount,update,destroy。create在create阶段，通过new Vue()方法获取到Vue实例，在这一阶段我们可以获取到d

计算属性computed计算属性computed,其实是该属性的getter函数，计算属性只有在它的相关依赖改变的时候才会重新计算，否则就会缓存起来，避免了重复使用的时候函数执行，优化性能。 同样，计算属性也有setter函数，我们可以在计算属性重新赋值的时候通过setter函数执行一些语句。 与watcher比较：watcher通过对所有 的依赖都需要写watcher函数，进行监听，如果某一个

Vue组件要确保在初始化根实例之前注册了组件！！！ 也可以局部注册，通过使用组件实例选项注册，可以使组件 仅在另一个实例/组件作用域中可用 在自定义组件中使用受限制元素时，组件会被认为说无效的内容 方法说使用特殊的is属性,内联模板字符串不会被受限制 因此，有必要的话，请尽量使用字符串模板。 在组件中，data必须是一个函数！！ 组件

使用router-link来导航，通过to属性指定连接 router-link会默认被渲染成一个a标签 <router-link to="/somepath"></router-link> //渲染后 <a href="#/somepath"></a>路由出口router-view 路由匹配到的组件将会渲染在router-view这里 <router-view></r

单一状态树Vuex使用单一状态树，用一个对象包含了全部的应用级状态。 作为一个唯一数据源SSOT而存在。这也意味着，每个应用将 仅仅包含一个store实例。 单一状态树让我们能够直接的定位任一特定的状态片段，在调试的 过程中也能轻易的取得整个当前应用状态的快照。 new Vuex.store({ state:{ } })单一状态树和模块化并不冲突获

在vue中，我们通常使用动态值来设置style,比如：动态设置background-image.我们需要修改url的值，我试过不少办法 <p style="background:{{color}}"></p> <p style="background"></p> computed:{ background () { return "bac

vue开发过程中，我们会做出特别多特别多的组件，包括login,header,footer,main等等。 这样使整个网站看起来就十分的庞大，当我们在打开网页的时候，突然一下子把这些所有的组件加载上来，这么多的请求全部同时开始请求，势必会造成网页打开很慢，使客户得到的是非常差劲的体验。因此，vue为我们专门设立了异步组件，通过异步组件，我们可以得到两点好处： 1 用不到的组件不会加载，因此