在Vue開發中，JS與Vue的組件通信是一種非常重要的方式。如何將JS中的數據傳遞給Vue組件呢？這里將通過代碼實例來介紹JS傳值給Vue的方法。

// JS代碼
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})

在以上代碼中，定義了一個Vue實例，并指定了el屬性，表示需要將Vue實例掛載到id為app的HTML元素上。在data屬性中定義了一個message屬性，并將其初始化為字符串“Hello Vue.js!”。

在以上Vue組件代碼中，定義了一個名為"MyComponent"組件，并聲明了一個名為"msg"的props屬性。在組件模板中使用{{ msg }}來顯示傳遞的msg值。

// JS代碼
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
// 在組件中傳遞值給props
Vue.component('my-component', {
props: ['msg'],
template: '
{{ msg }}
'
})
// HTML代碼

在以上代碼中，通過v-bind:msg指令將app.message的值傳遞給組件的msg屬性。在組件中使用props來接收msg值，并在模板中顯示。這樣就完成了JS傳值給Vue組件的過程。