vue 2.x脚手架

vue2.x脚手架使用

vue init webpack-simple filename 下载好框架
src文件夹目录下是我们要操作的文件
app.vue文件:所有的组件集中到此文件中
ep:import 组件名 from ‘组件地址’ 引用组件
export default {
name: ‘app’,
data () {
return {
msg: ‘Welcome to leo Vue.js App’
}
},
components:{ //引用组件的启用,多个组件以逗号分隔 (引用和启用都写在script中)
Leo,Router
}
}

组件示例 tab.vue




vue2.x中使用路由

1.定义路由组件




2.在app.vue中添加此组件并启用



                    
                    

你可能感兴趣的:(vue 2.x脚手架)