- 博客(10)
- 收藏
- 关注
原创 使用nrm管理npm源
(1)安装nrm: npm i -g nrm(2)查看所有源:nrm ls,其中前面带星号的就是当前正在使用的源(3)仅仅查看当前使用的源:nrm current(4)删除某个源:nrm del 源名称(5)切换到某个源:nrm use 源名称(6)添加某个源:nrm add 源别名 源的url...
2020-09-12 15:51:01
163
原创 Vue中使用watch的注意点
在Vue项目开发中,经常使用watch进行调试,对于基本数据类型,当然没有问题,但是对于复杂数据类型,需要使用深度监听来确保能够监听到数据的变化:watch: { dataName () { handler () { // 这里写数据变化的回调 }, deep: true // 这里是告诉vue执行深度监听 }}...
2020-09-12 14:44:54
243
原创 解决项目端口占用---portfinder插件
很多时候,我们会在一台机器上同事运行多个项目;例如,在一台机器上同时运行了多个Vue项目,而各个项目均采用默认的端口号,为了避免此时出现端口冲突的问题,可以使用portfinder这个插件来避免端口出现冲突,这个插件会自动寻找可用的端口并将项目运行在这个可行的端口之上。...
2020-08-30 20:25:15
1139
原创 vue add与npm install的区别
1、vue add可能会改变现有的项目结构,但是npm install仅仅是安装包而不会改变项目的结构;2、在适用vue add之前,建议提交项目的修改;(不够详细,待补充)
2020-08-30 20:10:00
2938
原创 使用Vuex管理系统中的数据
1、使用Vuex的原因,全局维护一份数据,合理管理数据在多个组件之间的流动;2、在项目中使用Vuex:(1)先通过npm进行安装:npm i vuex -S(2)在src目录下新建store文件夹,里面新建index.js(3)index.js中引入vue、vuex,并对vuex进行注册,创建Vuex实例,并对外导出export default new Vuex.Store({})(4)这样便在项目的任意一个组件中都能够通过$store来访问项目中的数据了;3、获取数据:$sto
2020-08-30 13:29:17
271
原创 Vue中的指令
v-text:将标签中的内容替换为text的内容v-html:将内容按照html进行解析,不建议使用,存在XSS风险v-show:仅仅控制display属性,不影响渲染树v-if:真正的条件渲染,影响渲染树v-else:和v-if搭配使用v-else-if:和v-if搭配使用v-bind:绑定变量v-on:绑定事件v-pre:保留格式v-once:仅仅执行一次v-cloak...
2020-08-29 15:03:15
74
原创 使用npm发布包并进行版本管理
注意:(1)拆出来之后的工作流程;(2)包升级之后,后续的版本控制;(3)在每一个包中,为了遵守规范,请在包的根目录上添加一个README.md文件,对包进行说明;常见命令:(1)npm init:创建package.json文件;其中会要求进行一系列的交互,如果全部使用默认配置,则可以输入npm init --yes或者npm init -y;(2)在npms.io上,可以查看各个包的质量、受欢迎程度以及维护性;(3)在cli中打开包的首页:npm home 包名称;.
2020-08-29 13:09:16
989
原创 Vue项目中使用FontAwesome
1、在项目中安装fontawesome:npm install font-awesome --save2、在main.js中引入相关的文件:import 'font-awesome/css/font-awesome.min.css'3、在需要使用的地方,class=“fa 类名”,请注意一定要在前面添加fa类,否则无法正常显示;...
2020-08-29 13:06:26
4804
原创 axios
1、安装axios:npm i axios -save;(注意:在使用npm安装包时,不要将本项目的名称命名得和要安装的包的名称一样,否则无法安装)2、安装之后即可使用,底层使用Promise进行封装,因此使用方式和Promise保持一致:例如请求每日的比特币价格:axios.get(url).then(resolved).catch(rejected);3、get是axios的默认方法,所以axios.get()也可以写成axios();...
2020-08-29 13:05:15
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人