首页 > 其他分享 >vue 学习第1天

vue 学习第1天

时间:2023-07-23 10:33:37浏览次数:45  
标签:文件 vue 静态 学习 webpack 文件夹 组件

vue的特点:

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

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

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

 

脚手架的文件的格式

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:缓存性文件

 

标签:文件,vue,静态,学习,webpack,文件夹,组件
From: https://www.cnblogs.com/glblog/p/17574728.html

相关文章

  • 网络流学习笔记
    1.一些基本定义网络网络是指一个有向图\(G=(V,E)\)。每条边\((u,v)\inE\)都有一个权值\(c(u,v)\),称之为容量(Capacity),当\((u,v)\notinE\)时有\(c(u,v)=0\)。其中有两个特殊的点:源点(Source)\(s\inV\)和汇点(Sink)\(t\inV,(s\neqt)\)。流设\(f(u,v)\)定义在二元组......
  • 【技术积累】Vue中的核心知识【三】
    this关键字在Vue中,this关键字是指向当前组件实例的引用。它可以在组件的各个方法和生命周期钩子函数中使用。在组件的方法中,this指向当前组件实例,可以通过this访问组件的属性和方法。例如,可以通过this.message访问组件的data中的message属性。在生命周期钩子函数中,this同样......
  • vue中router与route区别
    vue-router中经常会操作的两个对象route和router两个。1、$route对象 $route对象表示当前的路由信息,包含了当前URL解析得到的信息。包含当前的路径,参数,query对象等。 1.   $route.path   字符串,对应当前路由的路径,总是解析为绝对路径,如"/foo/bar"。 2. ......
  • [C#基础学习]一些自带的常用数据结构
    System.Collections.ArrayList一个能储存任何数据类型的list,可用函数:​ Add:添加一个内容。​ AddRange:批量增加,将另一个ArrayList添加到末尾。​ Insert:在特定位置插入一个值。​ Remove:正序遍历删除第一个对应值。​ RemoveAt:删除数组位置对应元素。​ Clear:清空ArrayLis......
  • GNN学习 GNN Model
    GNN学习GNNModel这部分主要讲如何使用图神经网络GNN来进行节点嵌入我们首先会想到,将邻接矩阵和特征合并到一起应用到深度神经网络上,问题在于:需要O(|V|)的参数不适用于不同大小的图对节点顺序敏感我们可以将卷积神经网络泛化到图上,并应用的节点特征数据但是图没有固定的......
  • Django学习笔记:第三章D的路由和视图
    1.网站的入口--路由和视图URL是网站Web服务的入口。用户在浏览器输入URL发出请求后,django会根据路由系统,运行对应的视图函数,然后返回信息到浏览器中。1.1认识路由创建项目时,会自动生成urls.文件,文件中定义了项目的路由信息,成为项目的路由解析入口。在自建的应用中可以手动配置......
  • vue中query和params的区别是什么
    区别:1、query用path编写传参地址,而params用name编写传参地址;2、query刷新页面时参数不会消失,而params刷新页面时参数会消失;3、query传的参数会显示在url地址栏中,而params传参不会显示在地址栏中。vue中query和params的区别是什么query语法:this.$router.push({p......
  • AI夏令营-机器学习
    目录1.安装anaconda2.jupyternotebook3.AI环境配置更换镜像源更换conda镜像源pypi更换镜像源pip安装需要的库安装pytorch4.baseline运行1.安装anaconda去清华开源镜像站下载安装包https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/安装的时候这一步记得勾选路径......
  • springboot3.0 从入门到高级学习路线,技术精讲?
    springboot3.0从入门到高级学习路线,技术精讲?学习SpringBoot3.0的技术精讲需要经历以下几个阶段:阶段一:基础知识学习1.Java基础:熟悉Java编程语言及面向对象的基本概念和语法。2.Spring基础:了解Spring框架的核心概念和基本用法,包括依赖注入、AOP等。3.SpringBoot基础:学习Spr......
  • Meta Learning(元学习)
    MetaLearning(元学习)元学习:学习如何学习:也是找一个函数,这个函数是学习算法,输出训练好的模型假如教机器做了训练影像分类、影像识别等任务的模型,再去教机器训练语音识别的模型时,他可能学的更好,虽然语音和影像没有什么关系,但机器在多次的学习训练其他模型过程中,可能学到了如何去......