madogiwa0124 https://blog.hatena.ne.jp/madogiwa0124/ Madogiwa Blog https://madogiwa0124.hatenablog.com/ 開発 Vue.js JavaScript Ruby on Rails Ruby CSS フロントエンド はじめに 基本方針 実装したコード 利用例 おわりに はじめに RailsでVue.jsを採用している場合、Vue SFCのscoped cssを利用してCSS周りの統制と取りたくなりますが、RailsのView層に色々要素を書いてしまうとそれも難しくなってきます。 vue-loader-v14.vuejs.org なので、RailsのControllerから直接Vue.jsのSFCを指定してrenderするような仕組みができないか色々試してみたのでメモしておく📝 基本方針 以下のようにrender_vue_componentの引数にコンポーネントとpropsを渡すと<index-post-p… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmadogiwa0124.hatenablog.com%2Fentry%2F2023%2F04%2F22%2F181105" title="Ruby on Rails: Viewを作らずにControllerからVue.jsのSFCを指定してrenderできないか試したMEMO - Madogiwa Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-04-22 18:11:05 rich https://madogiwa0124.hatenablog.com/entry/2023/04/22/181105 1.0 100%