作为img标签引进来<img class="img"alt="example" :src="require('./../assets/image/applicationOne.png')">作为背景图片引入<span:style="'background-image:url('+require('./../assets/image/gotoSystemTwo.png')+')'"

成果图大家可以看到在这个成果图内，左边会有一个代码框，用来写代码，右边会实时的更新左边代码实现出来的内容。在代码框内，会如同VScode等代码编译器一样，不同的关键字有不同的颜色，不会说是全都是黑色，就如同真正的代码编译器一样，而且左边会显示行数，选中会有选中的颜色。那么我这是如何做到的呢代码编译器（vue-codemirror）这是一个代码编译器的组件，他的官方网站在这里https://www.

问题在mapbox官网中，他的popup实例是这样的var popup = new mapboxgl.Popup({offset: popupOffsets, className: 'my-class'}).setLngLat(e.lngLat).setHTML("<h1>Hello World!</h1>").setMaxWidth("300px").addTo(map)

我这里面要监听showbartable的值的变化，他的true和flase两种状态会决定我另一个东西的变化，为了监听他的属性变化，先在computed里面写一个函数，如图中红框，返回那个值在watch里面接住上面这个函数，newval和oldval是监听他的时候前后变化，监听到之后，把这个新值当做一个参数传出去，传到一个函数里面在methods里面写传出数据的那个函数，参数i就是那个新值，...

Vue中的import from大家都知道，import from 是用来引入一些文件的，在vue中，可能有.js文件.json文件.vue文件在JS和JSON文件引入的时候，往往需要写入一些//例如数组export const a=[]//例如对象export const b={}//例如函数export function c(){}在其他文件中需要引入的时候，就写上，只引入一个的时候可写可不写

以前一直以为这种不提供下载方式的视频应该右键检查然后network里面应该可以找到视频文件 然后自己在那里下载就好了后来发现好像并不是这么回事然后自己写过这种网页上可以观看视频的项目，用的是vue-video-player -S插件，视频下载地址会放在sources配置里面，这种情况下直接右键检查在sources里面源代码扒到地址，就可以自己下载了blob:https://格式的视频下载但是有些网

vue整个页面可以拖拽导入文件

作为img标签引进来<img class="img"alt="example" :src="require('./../assets/image/applicationOne.png')">作为背景图片引入<span:style="'background-image:url('+require('./../assets/image/gotoSystemTwo.png')+')'"

问题分析看这个问题的朋友先看看情况是不是和我一样，再往下看我的问题是一个对象数组，push进去对象的话，打印出来看，显示的是 [ob: Observer]，点看能看到里面的数据，但是我遍历他的话一个值也拿不到，拿到的是空值，如果push的普通的数字，字符串啥的就没事。如果问题一样的话可以继续往下看了。经过半天的各种分析，网上看博客，然后自己也尝试了在不同位置打console.log和断点查看，发现

vite配置@路径别名node.js中path的resolve方法解析