import Vue form 'vue’的意思

1、import Vue form ‘vue’ 写全的话是import Vue from ‘…/nodemouls/vue/list/vue.js’；此时在webpack.base.conf.js中进行了定义，内置了一些选项，extenions:[’.js’,’.vue’,’.json’],意思是省略后面的后缀，由webpack来自动为我们加上。
2、如果名字比较长，还可以起个别名。
alias:{ ‘@’:resolve(‘src’)},
它的意思是在vue项目中，引入路径的时候使用@即代表src文件夹，省去了…/…/…/的操作，这样写比较十分方便。
3、当我们在模板中写img的时候有时也需要翻着找，那么能用@代替吗？答案是当然可以的，
比如在assets文件夹中有张图片，logo.png。以往写可能是：

<img src="../../src/assets/logo.png">

现在知道怎么回事以后可以直接这样写：

<img src="@/assets/logo.png"

试验发现这是能成功的，但是lssue提出的方案是在@前面加上~。两者均能成功

转载于:https://www.cnblogs.com/xtjatswc/p/10298627.html

import Vue form 'vue’的意思相关推荐

vue form validate 多个input_Vue表单校验插件Vuerify使用详细教程及示例
点击右上方红色按钮关注"web秀",让你真正秀起来前言表单校验,在开发中是非常常见的,为了防止用户误操作,填写错误数据,亦或是防止用户恶意提交数据等,都需要前端同学来做一些简单 ...
vue form sumit 防止提交 prevent 阻止表单提交
正常情况下 button是带sumit的属性的 <script setup lang="ts"> import {reactive} from "vue&qu ...
Vue学习笔记（一）—— 什么时候需要import Vue from 'vue'
一.当执行 import vue from 'vue' 时发生了什么? 其实在 node.js 中,执行 import 就相当于执行了 require,而 require 被调用,就会用到 requi ...
Vue工程报错解决方案Warn:import Vue from “vue“；
Vue工程报错解决方案Warn:import Vue from "vue"; 参考文章: (1)Vue工程报错解决方案Warn:import Vue from "vue& ...
import Vue from 'vue';
import Vue from 'vue'; import App from './App'; import router from './route'; import axios from 'axi ...
【Vue】Vue引入bootstrap的方法
方法一:在main.js中引入(1) npm i jquerynpm i bootstrap 在main.js中 import 'jquery/dist/jquery.min'import 'boot ...
从0开始写Vue项目-Vue页面主体布局和登录、注册页面
1.从0开始写Vue项目-环境和项目搭建_慕言要努力的博客-CSDN博客 2. 从0开始写Vue项目-Vue2集成Element-ui和后台主体框架搭建_慕言要努力的博客-CSDN博客一.主体布局 ...
【Vue】Vue重写教室管理系统的前端网页V1（前后端分离）--20221222
项目说明目的练习并熟悉Vue2 的API,来为Vue项目做准备: 插值语法插槽 props和data 父子组件通信 Ajax异步请求数据生命周期函数 methods方法 computed属性 ...
Vue-Blu——组件丰富，样式美观的新兴Vue开源Vue组件
Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库.旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案. Bulma是一个基于Flexbox的免费开源CSS框架,已有2 ...

import Vue form 'vue’的意思

import Vue form 'vue’的意思相关推荐

最新文章

热门文章