小结:如不雅你的应用中,交互复杂,须要处理大年夜量的UI变更,那么应用Virtual DOM是一个好主意。如不雅你更新元素并不频繁,那么Virtual DOM并不必定实用,机能很可能还不如直接操控DOM。
组件化
React与Vue都鼓励组件化应用。这本质上说,是建议你将你的应用分拆成一个个功能明白的模块,每个模块之间可以经由过程合适的方法互相接洽。关于组件化的例子可以在这篇文┞仿的中心部分被找到:
你可以认为组件就是用户界面中的一小块。如不雅让我来设计Facebook的UI界面,那么聊天窗口会是一个组件,评论会是另一个组件,赓续更新的石友列表也会作为一个组件。
在Vue中,如不雅你遵守必定的规矩,你可以应用单文件组件.
- //PastaItem.vue
- <template>
- <li class="pasta-dish list-unstyled">
- <div class="row">
- <div class="col-md-3">
- <img :src=http://developer.51cto.com/art/201706/"this.item.image" :alt="this.item.name" />
- </div>
- <div class="col-md-9 text-left">
- <h3>{{this.item.name}}</h3>
- <p>
- {{this.item.desc}}
- </p>
- <button v-on:click="addToOrderNew" class="btn btn-primary">Add to order</button> <mark>{{this.orders}}</mark>
- </div>
- </div>
- </li>
- </template>
- <script>
- export default {
- name: 'pasta-item',
- props: ['item'],
- data: function(){
- return{
推荐阅读
对于法度榜样员来说,全部计算机体系由四个重要的模块构成,分别是:CPU,收集,磁盘,内存。在我们的法度榜样或者体系出现问题时,我们应当分别有必定先后次序的对这四块进行排查。而在L>>>详细阅读
本文标题:Vue vs React: Javascript框架之战
地址:http://www.17bianji.com/lsqh/35980.html
1/2 1

网友点评
精彩导读
科技快报
品牌展示