vue作用:
-
开发更快速,更高效
-
企业开发都在使用
-
前端工程师必备技能,高薪
vue是什么?
Vue是一个JavaScript渐进式框架
什么是渐进式?
渐进式就是按需逐渐集成功能
什么是库和框架?
库是方法的集合,而框架是一套拥有自己规则的语法
我们在哪里书写Vue的代码?
在工程化环境下用Vue开发项目
用Vue开发项目,需要自己配置webpack?
Vue官方提供了脚手架, 一套标准的文件夹+文件结构+webpack配置,快速搭建项目基本环境
使用脚手架的好处是什么?
零配置,开箱即用,基于它快速搭建项目基本开发环境
如何安装全局包?
-
yarn global add 包名
-
或 npm i -g 包名
如何创建一个开箱即用的脚手架项目?
vue create 项目名
如何在网页上浏览这个项目?
yarn serve 启动本地热更新开发服务器
脚手架里主要文件和作用?
-
node_modules - 都是下载的包
-
public/index.html - 浏览器运行的网页
-
src/main.js - webpack打包的入口
-
src/App.vue - Vue页面入口
-
package.json - 项目配置信息
main.js和App.vue以及index.html作用和关系?
-
main.js - 项目打包入口 - Vue初始化
-
App.vue - Vue页面入口
-
index.html - 浏览器运行的文件
-
App.vue => main.js => index.html
脚手架项目webpack配置文件是什么?
项目根目录下的vue.config.js配置文件
eslint是什么?如何暂时关闭?
eslint是代码检查工具,违反规定就报错;在vue.config.js中设置lintOnSave为false重启服务器即可关闭
单vue文件的好处?
独立作用域,不再担心变量重名问题
单vue文件使用注意事项?
template里只能有一个根标签
单vue文件里标签和样式最后怎么显示到页面?
webpack打包后, 插入到index.html显示
脚手架项目入口有哪些?
-
main.js - webpack打包入口
-
App.vue - Vue页面入口
-
index.html - 网页入口
单Vue文件的好处?
-
独立作用域,作用域互不影响
-
style配合scoped, 样式针对当前页面标签生效, 互不影响
什么是设计模式?
设计模式是对代码分层,引入一种架构的概念。比如MVVM(模型,视图,视图模型双向关联的一种设计模式)