Vue04/Vue介绍SRC文件流程及根组件App

最新推荐文章于 2022-12-08 11:26:00 发布
最新推荐文章于 2022-12-08 11:26:00 发布
阅读量272 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64494670/article/details/127607612
版权

一. src文件流

  • assets 存储一些使用的图片
  • components 存放组件
  • App.vue        根组件
  • main.js 主要猜的js文件 ， 与下方的入口index.html 配合使用

2.main.js文件中 vue实列对象中有三个元素

  •  new 一个Vue实列 变量是App
  • 生成一个元素挂载到#app里面
  • h 是 Es6中简写元素 ceateElement 写成 h
  • $mount 手动挂载一个网页 -> #app指向index.html 

3. src 文件流程 

index.html -> main.js -> App.vue

春暖花开.,
关注
vue.js入门（17）介绍src文件流程及根组件
yiyiyixin的博客
05-19 707
public/index.html为入口文件，然后进入main.js<!--main.js--> import Vue from 'vue' import App from './App' Vue.config.productionTip = false new Vue({     el:'#app',      template:'<App/>',     compo...
Java在src目录下加载配置文件的方法
erix1991的专栏
04-11 1584
一般有两种方法来加载src的目录下的配置文件。              1 . 一种是通过  this.getClass().getClassLoader().getResourceAsStream(String path);            2.  二种是通过  this.getClass.getResourceAsStream(String path);         那么这
Vue--的src文件
weixin_34381666的博客
03-27 131
1、assest： 图片等等...... 2、components： 组件 3、App.vue： 根组件，三个部分：模板、行为(处理逻辑)、样式； 模板： 只能有一个根标签； <HelloWorld/> 行为里面引入组建后，用这个标签来对它们之间产生关联； 行为： import HelloWorld from './components/HelloWorld' ...
vue开发中，src文件简写，配置别名
xiaoxiaozhangzhang的博客
03-13 1001
在jsconfig.json中配置，以后在项目中src可用@来代替 注意，在CSS样式中想用@/写法，必须要加~，比如这样
Vue-脚手架SRC文件流程
qq_42991834的博客
05-14 471
index.html->main.js->App.vue
vue之src文件流程及根组件APP
Renkx0404的博客
11-19 331
初始vue-cli中src文件的组成 assets文件夹 放一些对应的图片 component文件夹 组件文件夹 App.vue文件 根组件 组件包含三个部分： - 第一部分：模板 html结构(有且只有一个根模板）； - 第二部分：行为 js 处理逻辑 - 第三部分：样式 css 解决样式 main.js文件 和index....
解决vue项目中某一页面不想引用公共组件app.vue的问题
10-14
在Vue.js开发中，我们经常将公共组件如头部导航、侧边栏等放在`app.vue`作为全局组件，这样在每个路由页面加载时都会自动引入。然而，有时我们需要某些特定页面（例如登录页面）不显示这些公共组件，以提供更简洁的...
使用vue打包时vendor文件过大或者是app.js文件很大的问题
10-18
在使用Vue进行前端项目开发过程中，经常会出现使用vue-cli脚手架打包后，发现vendor文件过大或app.js文件体积过大的问题。vendor文件包含了所有的第三方依赖库，而app.js则包含了项目的源代码。过大的文件体积会导致...
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
10-14
template: '<App/>' }) ``` **App.vue** - 这是应用的主组件，所有的视图组件都在这个组件中通过`<router-view>`进行切换。`<router-view>`是一个特殊的组件，它会根据当前的路由来渲染对应的组件。App.vue通常...
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
11-20
动态设置img的src属性无效，而直接写可以 解决办法： imgSrc写成require(‘path’)； 原因： 动态添加src被当做静态资源处理了，没有进行编译 npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND 解决...
flask如何去写接口，并且去访问
weixin_39349045的博客
08-07 914
1、返回一段json import flask server=flask.Flask(__name__) @server.route('/index') def index(): return '{"code":0,"msg":"成功"}' server.run() 去访问：http://127.0.0.1:5000/index 2、返回页面 html 超文本 import flask server=flask.Flask(__name__) @server.route('/index')
vue中src目录下的文件的说明
weixin_48816102的博客
06-12 2438
src目录下的文件
解析Vue项目每一个文件夹及文件的作用
最新发布
青春木鱼的博客
12-08 4415
使用vue-cli2.x脚手架为每个vue项目创建脚手架项目结构，项目结构目录中每个文件夹的介绍
vue项目src目录详解
新前端小白的博客
08-29 2万+
一、main.js 项目的入口文件 import Vue from 'vue' //自动寻找名字为App的文件，如app.vue app.js... import App from './App' /* 引入router变量*/ import router from './router' Vue.config.productionTip = false new Vue({ /*...
Vue中src属性绑定的问题
热门推荐
林飞的梦呓
04-25 3万+
一、Vue中src属性绑定的问题 图片src属性未绑定的时候，相对路径为&quot;../assets/product.png&quot;，可以看到图片会在浏览器中渲染出来， 当以src属性绑定的时候 :src=&quot;{{ item.pro_img }}&quot;，浏览器报错。 productList: [ { ... // 'pro_img': '.....
vue异步获取流程图片流文件进行图片显示
码农老牛
02-17 1万+
图片流转图片地址 通过window.URL.createObjectURL可以将图片流转化为本地请求地址，然后直接通过&lt;img src="转化后的地址"/&gt; findImageByDeploymentIdAndName(this.flowImgParamData).then((res) =&gt; { let url = window.URL.creat...
Vue中快捷路径的设置（src的别名）
m0_65262198的博客
04-07 1083
我们在vue在组件中以及js文件中经常会应用src目录下的一些文件或者资源，最常见的办法就是一层一层的../../去转出文件夹寻找所需资源所在的路径。 可以通过设置一个标识来代表src目录 之后需要到src目录下应用资源书写路径可以直接通过标识/来查询 下列就是设置代码： 我们首先新建一个文件根目录下新建一个文件jsconfig.json 在内写以下代码： { "compilerOptions": { "baseUrl": "./", "paths": { "@..
VUE实现路由自动生成，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成
薛定谔的猫的博客
02-14 3871
VUE实现路由自动生成，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成
vue里面各文件说明
不吃肉的香蕉
11-09 6779
vue文件说明1、main.js是我们的入口文件，主要作用是初始化vue实例，并使用我们需要的插件import Vue from 'vue' import App from './App' import router from './router'/* eslint-disable no-new */ new Vue({ el: '#app', router, template: '<A
Vue.js单文件组件.vue详解
项目创建完成后，你会在src/components目录下看到一个Hello.vue文件，这是Vue的基本组件模板。 一个典型的.vue文件结构如下： ```html <h1>{{ msg }}</h1> <h2>Essential Links</h2> </div> </template> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值