随笔分类 - Vue
摘要：Animate.css的简单使用 animate.css是一个基于css3 animation动画库，库中预设了几乎所有日常开发中的需求 animate.css 的官网为：https://animate.style 一、安装方式 CDN 地址：<link rel="stylesheet" href=
阅读全文
摘要：提示无法找到模块的申明文件解决步骤： 在tsconfig.json文件中加入一个参数：allowJS "compilerOptions": { "target": "esnext", "module": "esnext", "strict": true, "jsx": "preserve", "im
阅读全文
摘要：1.创建项目 参考此处 2.修改项目端口号 在 node_modules/@vue/cli-service/lib/commands/serve.js文件中修改，如下图所示 3.打包部署到nginx服务器 3.1 首先在根目录下创建vue.config.js module.exports = { p
阅读全文
摘要：一、卸载vue-cli 执行命令：npm uninstall vue-cli -g 或者 npm uni vue-cli -g 检查vue-cli卸载成功没 执行命令：vue -V出现‘vue’不是内部或外部命令，也不是可运行的程序，代表vue-cli卸载成功了 二、npm参数设置说明: i 是in
阅读全文
摘要：报错信息： npm warn config global `--global`, `--local` are deprecated. use `--location=global` instead. 报错截图： 如何弃用 npm WARN 配置全局 '–global'， '–local'。使用“–l
阅读全文
摘要：错误代码：npm install vue-router --save-dev 首先进行原因分析：根据大部分文档的叙述 该错误为： npm版本问题，新版本对下载要求比较严格 其次解决方案：npm install --legacy-peer-deps vue-router@3.5.2
阅读全文
摘要：问题描述 vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND github.com 问题分析 可能是GitHub被墙了，但是我用了梯子还是init失败。首先需要去查看一下该安装的东西是否都安
阅读全文
摘要：1:vue3.0和2.0的区别 2.0数据双向绑定方面 Vue2.0使用Object.defineProperty 原理：通过使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作，当数据发生改变发出通知 // 数据 let data = { title
阅读全文
摘要：Vue常用7个属性 学习vue的7个属性，8个方法，以及7个指令。787原则 Vue的7种属性 el绑定id，用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符。相当于一个容器，跟上面的div id = "app"做关联，从此以后上面div id = "app"里面的内容要通过
阅读全文
摘要：一.准备工作 Vue是前端开发框架。搭建框架，首先要搭建环境。搭建Vue的环境工具：node.js（JavaScript的运行环境），然后再用nodejs里面的npm（包管理和分发工具）来安装依赖包。 二.安装node.js 下载地址：https://nodejs.org/zh-cn/ 最好下载稳定
阅读全文
摘要：在idea中使用vue首先idea的配置以及环境要搭建好，然后就按照以下操作进行就可以！（注：我使用的idea是2021.1.3 版本） 第一步 去官网下载node.js ,官网地址：https://nodejs.org/en/ 然后进行安装，安装过程只需要一直点下一步就行，不需要勾选任何选项（目录
阅读全文
摘要：一、前端核心分析 1.1、概述 Soc原则：关注点分离原则 Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据 网络通信 ： axios 页面跳转 ： vue-router 状态管理：vuex Vue-UI : IC
阅读全文
