前提・実現したいこと
現在業務で、非SPAのLPやコーポレートサイトを作成しており、
jsの処理が絡むパーツなど、部分的にVueの単一ファイルコンポーネントを使っての作成を考えております。
SPAの場合だと、body直下に<div id="App"></div>などをおいて、そこを全体のルートコンポーネントにするかと思いますが、
LPやコーポレートサイトで部分的にVueアプリ化(仮想DOM化?)する場合、下記のような感じで複数のルートを作ることになるのでしょうか?
javascript
1//サイドナビ 2new Vue({ 3 el: '#sidenav', 4 components: { 5 'side-nav': require('../../component/sidenav.vue'), 6 'side-navtop': require('../../component/sidenav_top.vue'), 7 } 8}); 9 10//ヘッダーフェイスブックモジュール 11new Vue({ 12 el: '#fbapp', 13 components: { 14 'fb-app': require('../../component/fbapp.vue'), 15 } 16}); 17 18・・・
html
1<div id="sidenav"> 2 <side-nav></side-nav> 3</div> 4 5<div id="fbapp"> 6 <fb-app></fb-app> 7</div>
或いは、SPAのようにbody直下で<div id="App">ページ全体</div>などで、
vueで処理をしない部分も含めて、ページ全体をidで囲むほうがいいのでしょうか?
また或いは、より良い方法がありますでしょうか?
vueを初めて間もなく勝手がわからず…
どうかご教授をお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/16 05:03