初步了解（三）vue-cli的使用

vue-cli的简介和使用
https://cli.vuejs.org/参考官方文档，这里简单介绍一个几个文件夹，build文件夹放置的是一些app配置文件，config放置的针对线上或线下开发环境的配置文件，node-modules指的是项目的依赖，src指的是我们源代码放置的目录，static放置的是我们静态资源放置的目录，我们主要编写src下面的一些代码，main.js是整个文件的入口文件
使用vue-cli开发TodoList
运行文件npm run start/dev
如果修改了src—app.vue中修改成TodoList，那么main.js中将import app from './App’修改成import TodoList from ‘./TodoList’,

new Vue({
     
components:{
     TodoList},
template:''
})

vue要求只能有一个外部标签，所以使用时，可以用一个大的标签包裹住其他的标签，data之前是一个对象，在脚手架中data是一个函数,返回的是一个对象，data:function(){
return {
inputvalue:’ ’
}
}
它使用组件时需要在component文件夹下自己定义的文件名.vue文件，如果那个文件需要使用这个组件就要在页面使用import 自己定义的文件名 from './components/自己定义的文件名
注册组件：
components:{
‘todo-item’:自己定义的文件名
}
全局样式与局部样式
如果加上scoped表示只在这个组件里显示这个样式