<!-- vuejs logic goes here... -->    

    <input v-model="username" placeholder="Username" />    

    ...    

  </div>    

</template>    

<script>      

import Users from 'users.js.es6'      

export default {      

  data: {        

  },    

  methods: {       

  },    

  mounted() {    

    // initializing    

  }    

 

};    

</script>]);  

4、为 Rails 控制器/视图添加安装人口

<div class="v-user-edit">      
  <user-edit></user-edit>    
</div>]);  

然后加些代码在页面加载的时刻将其安装为精确的 Vue 组件：

import UserEdit from 'user_edit.vue'      
let vueConfig = {      
  el: '.v-user-edit',    
  components: {    
    UserEdit    
  }    
};    
new Vue(vueConfig); 
]);  

实际上，膳绫擎的代码被抽象成了可复竽暌姑的函数，在不合的页面中调用。

并且，在迁徙的过程中，因为 Vue 构造的方法(单向数据流，基于组件)，它迫使我们反思和重构代码，而不是持续写烂代码，这简化了我们的代码逻辑。

总结

我们在 2017 年九月末完成了框架的迁徙，经历了大年夜约 4 个月时光的非侵人道(我们在迁徙过程中会持续添加其它新特点)工作。实际上我们并没有把迁徙作为最紧急的义务，不管什么时刻，只要我们的修改良及到旧的 Angular 代码，我们会先把它转换成 Vue 实现，然后再进叙蹦更。

迁徙完成后，我们收成了：

• 异常整洁的代码和模块(基于组件的)，以及 VueX 和 Vue Store;它们大年夜大年夜进步了编程效力
• 再没有复杂的逻辑
• 改良了 UI 机能

这并不是说 Vue 就是最好的，它只是在我们特定的情况下工作优胜：Angular 固有的设计本质导致应用 Angular 实现应用很重，而 Vue 为我们很好地弥补了这一空白，这一切都是天然而然地慢慢迁徙实现的。

【编辑推荐】

1. 作为前端Web开辟者，这12条根本敕令弗成不会
2. 为什愦我们的web前端变的越来越复杂
3. 早年端到全端：JavaScript逆袭之路
4. 大年夜事前端开兴师须要懂得的CSS道理
5. 前端开辟工程师必须存眷的几个机能指标

【义务编辑：庞桂玉 TEL：（010）68476606】

　　推荐阅读

　　Apple Watch出现新Bug 一问Siri天气就重启

我们信赖苹不雅会很快经由过程更新的方法解决这个问题，但如今对Apple Watch用户来说，临时照样用Siri来询问气象比较好。 【编辑推荐】比Apple Watch更惊艳的交互技巧：Project Soli隔空感应Apple Watch>>>详细阅读

本文标题：我们为什么以及是如何从Angular.js迁移到Vue.js？

地址：http://www.17bianji.com/lsqh/38491.html

 1/2    1