angular+meteor 已經有團隊在做，Vue+meteor有類似的項目嗎？

對於vue很感興趣，因為它很簡明，而且文檔很好，yyx老大又很熱心。但是具體到將vue結合到meteor上這個問題，因為牽涉到要remove原有的blaze前端庫，以及將新的前端庫與meteor結合等等，不是我等meteor新手所能為。

angular+meteor 已經有團隊在做，angular-meteor，

而且有很好的demo。angular-meteor。

個人感覺如果vue+meteor應該可以做的同樣好，但是不知道vue是否有這樣的項目或者計劃呢？

---

https://github.com/Akryum/meteor-vue-component

聲明：這是個社區項目，我並沒有直接參与

---

個人賤議：Vue2.0 ＋ meteor 吧

---

自己提的問題，尤雨溪大給了很好的回答。GitHub - Akryum/meteor-vue-component: Vue first-class integration in Meteor

但是，本人非計算機出身，還是有些難。

---------------------------------------------------------------------------------

以下是本人初步的實驗，前面提到本人非計算機專業出身，還請各位多多指教

----------------------------------------------------------------------

第一步：將meteor默認的blaze引擎替換為vue

在網上找到一個比較簡單的：https://iamlawrence.me/vue-and-meteor，經過測試可以使用。

簡單的步驟如下：

meteor create mvue //創建項目 mvue
cd mvue //進入項目目錄


meteor remove blaze-html-templates //移除blaze
meteor add static-html //添加 static 模板
meteor npm install vue //安裝vue
meteor add lwakefield:vue //添加vue介面


刪除meteor自動生成的main.html,main.js,main.css
在mvue下新建lib目錄（這個目錄不論client或者server都能讀到）
將 https://iamlawrence.me/vue-and-meteor 文中提到的main.js和main.html 拷貝到
/mvue/lib下。
https://github.com/lwakefield/meteor-vue-todo
運行 meteor 就可以了
----------------------------------------------------------
第二步，加上vue-router


meteor npm install vue-router //安裝vue-router

編寫主界面 （/client/main.html）

主窗口是app，下面有四個頁面組件：meets，address，channels，contactus

&
&Annuus&
&
&
&

&
&

&
• &Meets&& &

• &Address&& &

• &Channels&& &

• &Contactus&& &

  &
&&
& &


  編寫主程序（/lib/main.js）

  Addresses = new Mongo.Collection("addresses");
if (Meteor.isClient) {
var Meets = Vue.extend({
template: "#meets"
});
//
var Address=require("./address");//引入address.js定義的address組件
///

  var Channels=Vue.extend({
  template:"#channels"
  });

  var Contactus = Vue.extend({
  template: "#contactus"
  });

  var App = Vue.extend({});
  Vue.component("app",App);//註冊app

  var VueRouter = require("vue-router");

  Vue.use(VueRouter);//使用vue-router
  var router=new VueRouter();

  router.map({ //將路徑與組件對應
  "/meets": {
  component: Meets
  },
  "/address": {
  component: Address
  },
  "channels":{
  component:Channels
  },
  "/contactus": {
  component: Contactus
  }
  });

  router.start(App, "#app");

  }


  address組件界面(/client/components/address.html)注意，組件頭尾要用&&包裹一下（但是我不知道為什麼？）

  &
&