vue基础内容

vue作用：

1. 开发更快速，更高效

2. 企业开发都在使用

3. 前端工程师必备技能，高薪

vue是什么？

Vue是一个JavaScript渐进式框架

 什么是渐进式？

 渐进式就是按需逐渐集成功能

 什么是库和框架？

库是方法的集合，而框架是一套拥有自己规则的语法

 我们在哪里书写Vue的代码？

 在工程化环境下用Vue开发项目

用Vue开发项目，需要自己配置webpack？  

Vue官方提供了脚手架, 一套标准的文件夹+文件结构+webpack配置，快速搭建项目基本环境

 使用脚手架的好处是什么?

零配置，开箱即用，基于它快速搭建项目基本开发环境

 如何安装全局包？

1. yarn global add 包名

2. 或 npm i -g 包名

 如何创建一个开箱即用的脚手架项目？

vue create 项目名

 如何在网页上浏览这个项目？

yarn serve 启动本地热更新开发服务器

 脚手架里主要文件和作用？

1. node_modules - 都是下载的包

2. public/index.html - 浏览器运行的网页

3. src/main.js - webpack打包的入口

4. src/App.vue - Vue页面入口

5. package.json - 项目配置信息

 main.js和App.vue以及index.html作用和关系？

1. main.js - 项目打包入口 - Vue初始化

2. App.vue - Vue页面入口

3. index.html - 浏览器运行的文件

4. App.vue => main.js => index.html

 脚手架项目webpack配置文件是什么？

项目根目录下的vue.config.js配置文件

 eslint是什么？如何暂时关闭？

eslint是代码检查工具，违反规定就报错；在vue.config.js中设置lintOnSave为false重启服务器即可关闭

 单vue文件的好处？

独立作用域，不再担心变量重名问题

 单vue文件使用注意事项？

template里只能有一个根标签

单vue文件里标签和样式最后怎么显示到页面?

webpack打包后, 插入到index.html显示

脚手架项目入口有哪些?

1. main.js - webpack打包入口

2. App.vue - Vue页面入口

3. index.html - 网页入口

单Vue文件的好处?

1. 独立作用域,作用域互不影响

2. style配合scoped, 样式针对当前页面标签生效, 互不影响

 什么是设计模式？

设计模式是对代码分层，引入一种架构的概念。比如MVVM（模型，视图，视图模型双向关联的一种设计模式）