vue学习过程
关注
分享
扫一扫
文章平均质量分 60
田妫
这个作者很懒，什么都没留下…
展开
-
箭头函数的说明
箭头函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g原创 2021-07-25 17:37:39 · 76 阅读 · 0 评论 -
vueCLI脚手架的介绍和安装
什么是Vue CLI如果你只是简单写几个Vue的Demo程序，那么你不需要Vue CLI如果你在开发大型项目，那么你需要，并且必然需要使用Vue CLI使用Vue.js开发大型应用时，我们需要考虑代码目录结构，项目结构和部署，热加载，代码单元测试等事情如果每个项目都要手动完成这些工作，那无疑效率比较低，所以通常我们会使用一些脚手架工具来帮助完成这些事情CLI是什么？CLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架Vue CLI是一个官方发布Vue.js项目原创 2021-07-25 15:58:05 · 504 阅读 · 0 评论 -
webpack--搭建本地服务器
webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果不过它是一个单独的模块，在webpack中使用之前想要先安装它npm install --save-dev webpack-dev-server@2.9.3devserver也是作为webpack中的一个选项，选项本身可以设置如下属性：contentBase：为哪一个文件夹提供本地服务，默认是根文件夹，我们这里要填写./distpo原创 2021-07-19 17:24:08 · 238 阅读 · 0 评论 -
webpack-plugin
认识pluginplugin是什么？plugin是插件，通常是用于对某个现有的架构进行扩展webpack中的插件，就是对webpack现有的功能的各种扩展，比如打包优化，文件压缩等等。loader和plugin的区别：loader主要用于转换某些类型的模块，它是一个转换器plugin是插件，它是对webpack本身的一个扩展，是一个扩展器plugin的使用过程：1，通过npm安装需要使用的plugins（某些webpack已经内置的插件不需要安装）2，在webpack.config.js中原创 2021-07-19 15:34:21 · 156 阅读 · 0 评论 -
创建Vue时template和el的关系
SPA（simple page application）单页面应用多页面通过路由跳转vue-router(前端路由)一般开发时只有一个index.html页面，所以在里面，一般只有这个，外面的壳，而没有里面的内容el和template区别（一）：提出问题模型：如果外面希望将data中的数据显示在界面中，就必须是修改index.html如果外面后面自定义了组件，也必须修改index.html来使用组件但是html模板在之后的开发中，我并不希望手动的来频繁修改，是否可以做到？定义template原创 2021-07-19 11:42:46 · 473 阅读 · 0 评论 -
webpack学习之配置vue
1，要想使用vue，就得先配置vue，命令为npm install vue@2.5.21 --save这个时候不需要加-dev，因为需要全程很多地方都要用到。2，下载完，就可以使用。但是，一定要加这句话：import Vue from ‘vue’千万不要忘记后面的vue是小写的而且要加单引号，因为会报错：然后就可以编写代码使用vue了，如下例：// 使用vue进行开发import Vue from 'vue'const app = new Vue({ el: '#app',原创 2021-07-17 21:13:30 · 157 阅读 · 0 评论 -
webpack学习之图片文件处理
1，webpack只有打包处理js代码的功能，要想处理图片文件，必须安装loader：url-load命令：npm install --save-dev url-loader@1.1.2这个后面@带的是版本号，我用的webpack的版本是3.6.0，现在的webpack的版本是4.0.0，所以如果不带版本号，下载的就是默认的最新的，只能适配最新的webpack版本。2.下载过后就要配置。如图所示，webpack.config.json中进行配置。具体的配置看官网https://www.webpack原创 2021-07-17 18:18:41 · 456 阅读 · 0 评论 -
2021-07-16
vue学习笔记，问题及解决方法bug N solution1.今天在学习webpack打包的时候，发现打包过程没有问题，但是运行过后却出现这样的报错：在网上找了一圈都没找到答案，只能从自己写的代码重新下手，重新看。结果栽了个大头：又是再一次的写错代码，只不过这个代码是Code提示的代码，我给看错了。require写成了request。改完之后就可以运行了。...原创 2021-07-16 16:45:24 · 71 阅读 · 0 评论