这个项目的灵感来源于童年时期,在黑白手机屏幕上玩的一款游戏,游戏名字记不清楚了只记得游戏的玩法就是将小点分开并困住,使每一个小点都有自己独立的运动范围。并且小点的可移动范围越小那么你得到的分数就会越高。 游戏玩法: 1、通过鼠标在游戏区域划线(按下鼠标向上、向下、向左、向右滑动)可以将水果的移动范围进行分隔 2、一定要等到线段走到边界且长度不再增加…
1.安装vuex npm install vuex --save 2.安装完成后我们在创建一个文件夹来存储配置文件,如下图所示,我们一般将其放在store文件夹里面 Vuex这一点和vue Router很相像 3.在index文件里面写入我们所需要的配置 import Vue from "vue"; import Vuex from "vuex" …
vue中的每个组件是独立的,都有一个属于自己的生命周期,从一个组件的创建、挂载、更新、销毁,这是一个完整的生命周期。 //生命周期:创建前 beforeCreated(){ } //生命周期:创建时 created(){ } //生命周期:挂载前 beforeMounted(){ } //生命周期:挂载时 mounted(){ } //生命周期:更…
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。当我们用到它的时候才调用它,不需要的时候不调用。 下面就是vue路由懒加载的方法 import Vue from 'vue' import Router from 'vue-…
1.用 npm cahe -force 来进行清除缓存 2.cmd 以管理员的身份来进行运行 3.C:\Users\奇瑞\.npmrc 删除这个文件,就可以进行安装 使用 > vue init webpack 项目名称 来进行安装
相信使用过帝国CMS后台管理系统的人都知道,在帝国后台里面的管理信息页面是无法直接看到文章的标题图片的。在实际工作中身边同事也确实希望有这样一个要求就是希望在管理信息列表页,可以直接预览到文章的标题图片。 那么小编经过一番研究,已经找到了解决方案 1.打开“\e\data\html\list\”这个路径,那么这个路径里的文件夹就是我们要修改的文件啦…
在webpack.config.js文件中,添加如下代码,就可以在导入文件的时候省略后缀名了。 resolve:{ extensions:['.js','.css','.vue'], //这个是用来设置省略文件后缀名的 alias:{'vue$':'vue/dist/vue.esm.js'} }
1.下载css-loader 我们上一篇文章讲的是如何配置webpack5,当然上一篇文章我们引用的只是js文件并没有引用css文件,那么webpack可不可将我们的css一起进行打包呢?我们现在先来试一下。直接创建一个css文件夹,创建style.css文件,写入一下代码: 我们现在尝试着去打包看是否会成功 现在出现了报错,提示我们需要引用loa…
1.使用npm init初始化项目 在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。方便在以后的版本迭代和项目移植的时候会更加的方便。也是防止在后期的项目维护中误删除了一个包导致的项目不能够正常运行。使用…
最终效果预览 用户账户: 用户邮箱: 点击切换类型 html代码 <p v-if="isUser"><label for="name">用户姓名:</label><input type="text" id="name"></p> <p v-else><label for="email">用户邮箱:</…