项目目录 : -webpage下有src和static文件夹,src下有assets文件夹 -webpage -src -assets -static 一、html文件改成.vue格式的文件demo.vue,内容修改成如下 1 2 3 4 5 6 7 <template> </template> < ...
转载 2021-09-26 15:05:00
1697阅读
2评论
一、前言在搭建vue3脚手架之前,我们要先聊聊vue和nodejs的关系,并且要先学习nodejs,还有nodejs内置的npm。1.1 什么是nodeJs 简单的说,node.js类似于jdk,它可以使JavaScript运行在服务端,并且可以跨平台,而不仅在局促于只可以运行在浏览器中。学过java的可以理解下面的对照关系: java => javascript jdk => nod
转载 2023-10-13 20:19:02
227阅读
Vue 项目使用 webpack 来构建。首先确保本地已经安装了 NodeJS,然后在 CMD 中执行如下命令,可以创建并启动一个名为 vuehr 的前端项目:npm install -g vue-clivue init webpack vuehrcd vuehrnpm run dev 在执行“vue init webpack vuehr“命令时,会要求依次输入项目的基本信息,如图所示...
原创 2022-01-13 17:22:24
484阅读
有关vue文件记录:index.htmlhtml中运用组件 main.js在这个文件中定义js,引入vue和App.vue App.vue(官方规范,一般
原创 2022-10-21 12:02:11
1383阅读
拖放API将可拖动元素添加到HTML,使我们可以构建包含可以拖动的具有丰富UI元素的Web应用。在本文中我们将用Vue.js构建一个简单的看板应用。看板是一种项目管理工具,使用户可以从头到尾直观地管理项目。Trello、PivotalTracker和Jira等工具都属于看板应用。设置看板运行以下命令创建我们的看板项目:vuecreatekanban-board在创建项目时,该选择只包含Babel和
原创 2021-01-22 07:06:16
287阅读
HTML5拖放APIVue.js实战疯狂的技术宅前端先锋#精通JavaScript48#前端框架5//每日前端夜话第466篇//正文共:3800字//预计阅读时间:12分钟拖放API将可拖动元素添加到HTML,使我们可以构建包含可以拖动的具有丰富UI元素的Web应用。在本文中我们将用Vue.js构建一个简单的看板应用。看板是一种项目管理工具,使用户可以从头到尾直观地管理项目。Trello、Piv
原创 2021-01-28 10:04:47
223阅读
本内容为系列内容,全部内容请看我的vue教程分类什么是Axios是一个基于promise(承诺)的HTTP网络请求库可以用于浏览器和node.js项目vue官方推荐的请求库,从以前的vue-resource到axios通俗点说就是对JavaScript的http请求的二次封装,就类似jQuery的ajax中文文档立即查看原则上学习这一节需要mock数据相关的知识,但是鉴于大家都是初学者,所以不使用
转载 2023-09-15 21:35:53
228阅读
elem.onclick=function(){ 自己写操作 *****特殊:事件中可以使用一个关键字 this 1、单个元素绑定了事件 this->这个单个元素 2、多个元素循环同时绑定了事件 this->当前触发事件的元素 建议:如果你在事件中想要使用到绑定事件的元素,推荐使用this } ...
转载 2021-08-16 12:35:00
176阅读
2评论
背景在vue项目中,我们是将整个项目打包到一个dist目录下,但是在实际开发中,当项目足够庞大时(一级路由几十个,二级路由上百个),我们仅仅改一个小的BUG,比如说改了某个地方的一个按钮边框颜色,但是要发到线上的时候就需要打包整个项目,这样就会造成开发2分钟,打包半小时的现象,所以就需要拆分项目根据路由打包。目的如下所示项目结构: 根据views下面的模块(也就是路由),打包成各自的html,如
转载 2024-04-16 22:06:29
410阅读
vue项目中main.js使用方法详解目录第一部分:main.js文件解析第二部分:Vue.use的作用以及什么时候使用Vue.use是什么?(官方文档)Vue.use()什么时候使用?补充:关于main.js方便小技巧总结第一部分:main.js文件解析src/main.js是入口文件,主要作用是初始化vue实例并使用需要的插件在main.js文件中定义了一个vue对象,其中el为实例提供挂载元
转载 2023-07-15 09:41:17
91阅读
在编辑器中安装vue.jsvue插件vue-component-creator。 项目目录:   vue项目的目录结构:1. package.json 主要是说明项目的一些信息,依赖文件,命令定义等2. node_modules 依赖文件3. public 主要是放一些外部的静态文件4. src    主要的代码文件 下面主要
转载 2023-07-06 12:45:23
126阅读
上篇搭建的项目结构如图  简单介绍目录结构build目录是一些webpack的文件,配置参数什么的,一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹,基本上文件都应该放在这里。 —assets 资源文件夹,里面放一些静态资源 —components这里
首先必须要有浏。富混工就划这些本公的响示近览记的迹更npm,window下无法在线更新node.js版本,所以每次要更新版本需要重新安装no插者几天网后供小来剑思含程个些结十在必页到别则气底。时效器按基高式近件浏篇天站来一痛又不想的序项方构年浏须面消de.js1.新建路能需还定有开都视这讲房哦搞有名需移洁页一个文件夹用于存放项目 mkdir fileName朋支不器几事为的时后级功发发来久都这样含
vue项目中,main.js,App.vue,index.html如何调用 ...
转载 2021-10-28 18:32:00
1232阅读
2评论
1、vue父子组件传值方式1、props 2、v-model 3、.sync 父组件向子组件传的值,子组件可以直接修改父组件的值 4、ref 父组件通过ref直接拿到子组件的属性或方法 5、$emit 父组件给子组件定义事件,子组件中emit触发,参数(事件名,参数) 6、$children&$parent 获取到一个包含所有子组件的对象数组,直接拿到父子组件的属性和方法
Vue JS项目 添加TypeScript转载请注明来源 谢谢git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心.vue.config.js 添加下面内容pages:{ index:{ entry:'src/main.js' } }项目根目录运行 vue add typescript如果你英文可以 那就忽略这一条.接下来会问你很多问题 回答Yes 或 No
原创 2023-04-22 11:17:31
214阅读
HTML、CSS、JS的区别在日常学习中,html,css和js我们都学过,起初分不清这三者的区别和联系,随着知识的增长,有了一些体会。随微点阅读小编看一下这三项技术都是什么,能干什么?web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业。不同的公司有不同的叫法,例如网页界面开发、网站设计等等。要学习web前端开发,需要掌握哪些知识呢?小编总结了一下,必须掌握的就是以下几点。1、
转载 2024-01-13 17:00:05
90阅读
v-text v-html 的区别类似于 jquery 里 .text() 和 .html() 的区别v-text 指令 <div id="app"> <p v-text=", dat
原创 2022-07-20 06:27:53
76阅读
uni-app htmlvueJS、小程序的区别 网络模型的
原创 2022-08-29 11:16:01
170阅读
随着 Vue.js 单页应用(SPA)变得相当复杂,你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示 Vue Router 中嵌套路由的实用性。用 Vue CLI 进行设置如果尚未安装,请运行以下命令全局安装 Vue CLI:$ npm install -g @vue/cli或者$ yarn global add @vue/
  • 1
  • 2
  • 3
  • 4
  • 5