随笔分类 -  Vue

vue-cli3项目创建
摘要：1. 安装vue cli 2. 创建项目 3. 进入项目所在路径 4. 启动项目 阅读全文
posted @ 2020-05-23 15:33 hellowen2020 阅读(354) 评论(0) 推荐(0)
vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. 报错
摘要：原因：vue cli版本是3以下的，却用了3的命令 解决办法：更新版本 1. 先卸载原来的 2. 然后下载一个新的 阅读全文
posted @ 2020-05-23 15:06 hellowen2020 阅读(3008) 评论(0) 推荐(0)
路由模式
摘要：路由模式有两种 hash：路径带 符号，如http://localhost/ /login （默认是这个） history：路径不带 符号，如http://localhost/login 阅读全文
posted @ 2020-05-20 17:48 hellowen2020 阅读(359) 评论(1) 推荐(0)
Vue+elementUI
摘要：创建工程 1. 创建一个项目 2. 安装依赖，我们需要安装vue router、elment ui、sass loader、node sass 四个插件 npm命令解释 ： npm install moudleName：安装模块到项目目录下 npm install g moudleName： g的意 阅读全文
posted @ 2020-05-20 14:50 hellowen2020 阅读(179) 评论(0) 推荐(0)
vue-router路由
摘要：先创建一个vue cli项目，在该项目下完成以下操作。 安装 vue router是一个插件包，所以我们还是需要用npm/cnpm来进行安装。 在IDEA下的命令行输入: （如果出现错误，按照提示解决即可） 下载成功后会在node_moudles包里出现vue router文件。 然后在main.j 阅读全文
posted @ 2020-05-19 20:30 hellowen2020 阅读(185) 评论(0) 推荐(0)
webpack的安装及使用
摘要：WebPack 是一款模块加载器兼打包工具，它能把各种资源，如JS、JSX、ES6、SASS、LESS、图片等都作为模块来处理和使用。 安装 最好以管理员身份运行 命令运行后，测试一下是否安装成功 使用 1. 创建一个空文件夹，用IDEA打开 2. 创建一个名为modules的目录，用于放置JS模块 阅读全文
posted @ 2020-05-19 18:02 hellowen2020 阅读(347) 评论(0) 推荐(0)
vue-cli的安装及使用
摘要：准备工作 1. 确认有nodejs 2. 安装Node.js淘宝镜像加速器（cnpm） 安装后的文件在这里↓ 3. 安装vue cli 安装后的文件在这里↓ 4. 安装成功后，输入命令vue list，可以查看能够基于哪些模板创建vue程序 ，通常我们选择webpack。 第一个vue cli程序 阅读全文
posted @ 2020-05-19 14:24 hellowen2020 阅读(1750) 评论(0) 推荐(0)
自定义事件内容分发
摘要：格式： this.$emit('自定义事件名'，参数)； 效果如下：实现了删除效果 阅读全文
posted @ 2020-05-19 12:50 hellowen2020 阅读(220) 评论(0) 推荐(0)
插槽slot
摘要：效果如下： 阅读全文
posted @ 2020-05-19 11:41 hellowen2020 阅读(104) 评论(0) 推荐(0)
Vue计算属性
摘要：这是一个能够将计算结果缓存起来的属性。 阅读全文
posted @ 2020-05-19 09:34 hellowen2020 阅读(135) 评论(0) 推荐(0)
Axios异步通信
摘要：1. 先创建data.json文件 2. 最终效果 注意： 阅读全文
posted @ 2020-05-18 18:41 hellowen2020 阅读(210) 评论(0) 推荐(0)
Vue常用属性和组件
摘要：总结： 常用的属性 v if v else if v else v for v on 绑定事件，简写 @ v model 数据双向绑定 v bind 给组件绑定参数，简写 ： 组件化 组合组件 slot 插槽 组件内部绑定事件需要使用到 this.$emit("事件名"，参数) 计算属性的特色，缓存 阅读全文
posted @ 2020-05-18 18:12 hellowen2020 阅读(275) 评论(0) 推荐(0)