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(模型,视图,视图模型双向关联的一种设计模式)

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值