vue有感

1.vue是用于构建用户界面的渐进式框架，核心库只关注视图层，也就是view。

2.方法使用：注意在 方法中，我们更新了应用的状态，但没有触碰 DOM——所有的 DOM 操作都由 Vue 来处理，你编写的代码只需要关注逻辑层面即可。（响应式）

3.组件：子单元通过 prop 接口与父单元进行了良好的解耦。

4.插值 ：

         （1）通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定；

         （2）为了输出真正的 HTML，你需要使用 v-html 指令

　　　（3）计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变，多次访问              　　　　　　reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。这也同样意味着下面的计算属性将不再更新，因为 Date.now() 不是响应式依赖：

　　　（4）当你有一些数据需要随着其它数据变动而变动时，你很容易滥用 watch——特别是如果你之前使用过 AngularJS，需要在数据变化时执行异步或开销较大的操作时，这个  　　　　　　方式是最有用的。计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter

　　　（5）`_.debounce` 是一个通过 Lodash 限制操作频率的函数。 https://lodash.com/docs#debounce

　　　（6）在JavaScript中，Truthy(真值)指的是在Boolean上下文中转换后的值为真的值。所有值都是真值，除非它们被定义为 falsy (即， 除了false，0，“”，null，undefined 　　　　　　和NaN 外)。JavaScript 在Boolean上下文中使用强制类型转换（coercion）。

　　　（7）带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS 属性 display。v-show 不支持 <template> 元素，也不支持 v- 　　　　　　else。如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。

　　　（8）对于数组，当你利用索引直接设置一个项时，或者当你修改数组的长度时，Vue 不能检测。对于对象，Vue 不能检测对象属性的添加或删除，使用：

　　　　vm.userProfile = Object.assign({}, vm.userProfile, {
  　　　　　　age: 27,
  　　　　　　favoriteColor: 'Vue Green'
　　　　　　})
　　　（9）

 

转载于:https://www.cnblogs.com/zz-zrr/p/9359601.html