vue 学习第1天

云雀大数据课堂 / 2023-07-23 / 原文

vue的特点:

1.采用组件化模式,提高代码复用率,且让代码更好维护,一个模块可以封装组件

2.声明式编码,提高开发效率,心有林夕,标签+for循环,而不是一步步去写

3.虚拟dom,相当于后端的缓存

 

vue的官方网站:

 https://cn.vuejs.org/

脚手架的文件的格式

1: vue-cli 脚手架初始化项目

2: node + webpack + 淘宝镜像

node_modules 文件夹: 项目依赖文件夹

public文件夹:一般放置一些静态资源(图片),需要注意,放到public文件夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹中

src 文件夹: (程序员源代码文件夹)

assets 文件夹:一般也是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在assets文件夹里面静态资源,在webpack打包的时候,webpack会把

静态资源当作一个模块,打包到JS文件里面

components文件夹:一般放置的是非路由组件(全局组件)

APP.VUE 分为三部分:

template:书写结构的地方,script 脚本的地方 ,style 书写样式的地方,结构层,样式层,行为层

main.js: 程序入口文件,也是整个程序最先执行的文件

babel.config.js:配置文件(babel相关),一般不会使用

package.json文件,项目的身份证文件

package-lock.json:缓存性文件