vue.js组件怎么写 _组件

1.如何正确使用Vue.js的组件定义一个组件
// title.vue
{{title.title}}
<script>
export default {
props: {
title: {
title: ''
}
}
</script>
在另一个组件里用
// index.vue
<script>
import navTitle form 'title.vue'
export default {
【vue.js组件怎么写】el: '#app',
data: {
title: {
title： '标题'
}
},
components: {
navTitle
}
}
</script>
2.如何正确使用Vue.js的组件使用Vue.js的组件# 下载最新的vue$ npm install vuejs 引用 vue.js开始代码，感受vue强大的双向数据绑定 {{ message }} new Vue({ el: '#app', data: { message: 'Hello Vue.js！' }})实战代码：

{{ todo.text }} new Vue({ el: '#app', data: { newTodo: '', todos: [ { text: 'Add some todos' } ] }, methods: { addTodo: function () { var text = this.newTodo.trim() if (text) { this.todos.push({ text: text }) this.newTodo = '' } }, removeTodo: function (index) { this.todos.splice(index, 1) } }}) 。
3..vue文件怎么写js代码单个组件里面可以使用 import $ from 'jquery' 引用
当前你得使用npm把jquery 安装了。把jquery 用export default 导出来（就是在jquery.js的最后一行写上 export default $），然后使用import $ from 'jquery的文件地址'
至于 script标签里面怎么写
import $ from 'jquery'
export default {
data: function() {
return {
testData: 1 // 这个对象里面定义所有的变量这些变量可以在html直接和dom绑定
}
},
mounted: function() {
// 生命周期函数，有好几个执行的顺序都不一样，可以根据场景选择不同的生命周期函数这块一般是初始化数据的地方
},
methods： { // 这里写所有的方法，这些方法可以在方法内部使用this.方法名调用，也可以在html 中使用@时间名 = ‘函数名（）’调用
init() {
// 实例方法
// 使用this.变量可以访问data中的变量
console.log(this.testData)
}
}
}