分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

在webpack构建的项目中使用vue

发布时间:2023-09-06 02:13责任编辑:熊小新关键词:webpack

一、
复习在普通网页中使用vue
1.使用script引入vue
2.在index中创建 id为app的容器
3.通过new vue得到vm实例
二、
在webpack中尝试使用vue:
//注意 : 在webpack中 使用 import Vue from ‘vue‘ 导入的Vue构造函数,功能不完整,只提供了runtime-onley的方式 病没有提供想网页中那样的使用方式
npm install vue -S

import Vue from ‘vue‘
// import Vue from ‘../node_modules/vue/dist/vue.js‘

var vm = new Vue({
?el:‘#app‘,
?data:{
???msg:‘123‘
?}
})

webpack.config.js

???resoleve: {
???????alias:{//修改vue被导入包时候的路径
???????????‘vue$‘: ‘vue/dist/vue.js‘
???????}
???}

在webpack构建的项目中使用vue

原文地址:https://www.cnblogs.com/suanmei/p/9600176.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved