从本地引用VUE

最新推荐文章于 2024-05-27 09:57:03 发布
最新推荐文章于 2024-05-27 09:57:03 发布
阅读量918 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： VUE 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/PanDa____/article/details/123028444
这篇博客介绍了如何在E盘的VueSpace文件夹下初始化Vue项目。首先通过切换目录到指定位置，然后使用`npm init -y`命令创建项目配置文件。接着，博主尝试通过`npm install vue`安装Vue，但未展示完整执行结果。尽管如此，可以推断出项目中引用的vue.js文件是Vue框架的核心组成部分。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.切换目录

 

2.创建文件夹

3.初始化项目

执行命令 npm init -y 

路径选错了应该是E:\VueSpace\vue_two>npm init -y ，领会精神

执行结果：

文件夹里会写入这么一个文件

 4.通过npm安装vue

执行命令npm i vue

执行结果

 

5.需要引用的vue.js位置如图

VUE
xiaoChenPengYou的博客
08-28 531
VUE 首先先说说为什么要学习vue框架。 框架可以大大提高我们开发项目的效率，在企业开发中，效率就是金钱。 模板渲染：基于 html 的模板语法，学习成本低。 响应式的更新机制：数据改变之后，视图会自动刷新。【重要】 渐进式框架 组件化/模块化 Vue的核心概念 数据驱动页面，避免手动的去操作DOM元素。 Vue采用的是MVVM模式 Model：负责数据存储 View：负责页面展示 View Model：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视
vue3.js本地引入
06-05
vue3.js
Vue基础 （Vue的本地应用）
m0_57002951的博客
12-28 918
【1】学习路线： 1、内容绑定，事件绑定 2、显示切换，属性绑定 3、列表循环，表单元素绑定
Vue 引入本地资源
XueDaJing030409的博客
06-04 1005
使用@引入： 这是在组件内直接引用和普通的 html 方法一样，代码如下 1Copy <img src="@/assets/test.png" alt="test.png"> Copy 使用 vue 的方法引入： 这是典型的 vue 思想，使用数据来操纵 dom； 首先在组件内使用 import … from 引入 1Copy import imgUrl from '../assets/test.png';.
vue的使用（引用/创建vue项目）（一）
weixin_38797742的博客
02-28 1777
在程序开发中，有三种方式创建vue项目，本地引入vuejs、使用cdn引入vuejs、使用vue-cli创建vue项目。其中vue-cli可以结合webpack打包工具使用，大大方便了开发步骤，使用广泛。 一、vue本地引用 在官网下载vue.js，通过script标签引入。 开发版本：https://vuejs.org/js/vue.js 包含完整的警告和调试模式 生产版本：https://vuejs.org/js/vue.min.js 删除了警告，30.90KB min+gzip 注意：在开发环境下不要
vue引用文件
weixin_30685029的博客
07-15 165
1）css引入在vue页面中<style scoped> @import url("../assets/css/home.css");</style>2）js引入js文件home.jsvar listobj={ getdata:function(_this){ _this.$router.push({path:"/list/listtwo"}); },}export{ l...
vue引用组件
ai鸭丫药努力
05-24 776
每日一更，随笔记录，日常复习。加油！引用的组件相当于父组件，被引用的就是子组件，在父组件中注意三个地方：1：引入的方法：    import homeHead from './head'    这个是es6的写法，    components:{homeHead}2:在编译模板中使用子组件     &lt;homeHead&gt;  &lt;/homeHead&gt;当然在引用时候也会出现下面的错...
Vue引用组件
优快云kai的博客
09-05 229
组件创建 <template> <div class="container"> <header> <slot name="header"></slot> </header> <main> <slot name="main"></slot> </main> <div> <slot name="
vue项目导入本地_上传本地Vue项目到github
weixin_32340879的博客
12-23 220
1.登陆自己的github账号，点击new repository进行创建一个新的仓库，如下图所示：2.用命令将项目上传；1、先进入项目文件夹，通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意思为添加文件夹下的所有文件。git add .3、用命令 git commi...
引用的vue.js
12-01
开发需要引用的vue.js
vue引用方式
xiaoxingxingzai的博客
08-27 334
vue引用方式 1.通过npm install vue下载下来 进入E:\vue目录，在此处打开命令窗口，输入npm install vue，结果如下： 生成了一个文件夹和一个文件，而所有的关于vue的包在E:\vue\node_modules\vue\dist目录下。 2.通过vue cli脚手架 ...
01-Vue-Vue的引入方式
m0_57103348的博客
08-29 1712
vue的引入方式
vue组件之间的引用
qq_34940644的博客
03-28 1107
引用其他组件的组件称为父组件，被引用的组件称为子组件。 组件引用的方式： 1.
引用Vue的方式
walfyywn的博客
09-29 1801
vue 引入
创建导入vue项目
最新发布
weixin_62281775的博客
05-27 634
手动创建： router、vuex打开，formatter关掉（选vue2）引入Login.vue，设置路由，path、component映射，不可少。springboot+vue写起来的时间会比较快，很多都是之间生成。外加插件：axios用于后期封装，element用于ui。此时发现插件已经引入了。
Vue快速入门：引入、简单使用
toufahuacai的博客
12-12 2523
本篇文章帮助读者快速入门vue，了解vue基本语法格式。如有不妥欢迎大佬指正。
VUE如何引用组件
热门推荐
qq_31544819的博客
07-19 1万+
vue引用组件主要分为如下两种: 一:全局引用 1,现在main中引用组件: import 组件别名 from '组件路径' 2.注册组件 Vue.component('组件别名', 组件别名) 二:局部引用 1.在需要引用组件的页面中script下写如下代码 import 组件别名 from "组件路径"; 2.注册组件components:{组件别名} ...
一、vue之初体验-两种方式引入vue
Sean_0819的博客
04-13 2145
如果我们没挂载之前(注释app.mount("#app"))，界面长什么样子？挂载之后呢？是不是一目了然了？1 是不是我们自己开发的？是普通的html标签渲染出来的2 一开始是不是只是一个div标签？但是最终给我渲染出来Hello World？那是为什么呢？那是因为我们Vue框架创建了一个app对象并给了一个模板，这个模板就是告诉他，待会你通过vue给我渲染哪些东西。渲染出来后挂载到id=app的div元素上面。而且是挂载到div里面的。我们通过网页F12查看一下。
（二）Vue本地应用——快速入门Vue
weixin_45189258的博客
07-03 816
目录 前言 一、内容绑定，事件绑定 1. v-text 指令 2. v-html 指令 3. v-on 基础 4.计数器案例 二、显示切换，属性绑定 1.v-show指令 2.v-if指令 3. v-bind指令 4.图片切换案例 三、列表循环，表单元素绑定 1.v-for指令 2. v-on 补充 3. v-model指令 四、小黑记事本 总结 前言 学习了vue基础，已经可以把一个基本的项目跑起来，本章开始学习本地应用，本章核心是用vue开发网页效果...
Vue框架学习-Vue本地应用
极客不撩妹
01-12 346
Vue本地应用前言v-text指令v-html指令v-on指令基础 前言 本文是Vue框架学习的第二部分-Vue的本地应用。 学习资料来源是B站的一个教学视频，我在文末会附上链接。 v-text指令 作用：设置标签的文本值(textContent) 默认写法会替换全部内容，使用差值表达式{{}}可以替换制定的内容 内部支持表达式 <div id="app"> <h2 v-text="message">这里的内容将不显示</h2> <h2>{{ mess
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值