vue 脚手架

vue 脚手架

安装vue

npm install @vue/cli -g

创建vue 项目

vue create 文件名

脚手架文件

node_modules 插件安装目录

public 公共文件和模板目录

src 源文件目录

assets资源目录

logo.png logo

components 存储自定义组件目录

HelloWorld.vue 默认组件

App.vue vue根组件

main.js 项目入口文件

.gitignore 上传到服务忽略配置

bable.config.js ES6转ES5配置

jsconfig.json.js 配置

package.json 包管理(项目管理目录)

package-lock.json 插件安装地址缓存

README.md 项目说明文件

vue.config.js vue项目配置文件

App.vue

1. 在脚手架里,.vue也是一个组件
2. .vue有三部分组成
   > template,script,style
3. template 视图显示部分,只能有一个子节点
4. script 业务逻辑数据存储
5. script中data用函数的形式返回一个对象
6. vue指令俩你姐script和template
7. style 展示样式
8. 使用scoped实现样式隔离(style中的样式只在当前组件启用)