随笔分类 -  Vue

2020.3.2
Vue踩坑记录
摘要：一. 使用import导入外部js文件，调用方法undefined 错误写法 import { formatDate } from "@/common/js/date.js"; console.log(this.formatDate) 原因：this表示vue的实例，并没有这个方法，正确调用为不需要 阅读全文
posted @ 2020-09-14 09:39 对·味 阅读(297) 评论(0) 推荐(0)
Vue单组件使用
摘要：Vue组件 1. 组件模板可以使用模板字符串，使用反引号：`。这样就可以在字符串里编写html 2. 组件注册命名可以使用驼峰式命名，但是只能在组件模板使用驼峰式名字引用组件，在普通标签不能使用要转换成短横线方式使用组件。 所以最好做法就是组件命名直接用短横线方式命名。 3. vue单组件规范 每个 阅读全文
posted @ 2020-04-21 21:07 对·味 阅读(248) 评论(0) 推荐(0)
双向绑定表单数据
摘要：一. 复选框 checkedNames为选中的复选框的value的值，数组值按照复选框选中顺序排列 // 多个复选框绑定到数组 <div id='example-3'> <input type="checkbox" id="jack" value="Jack" v-model="checkedNam 阅读全文
posted @ 2020-04-21 16:48 对·味 阅读(240) 评论(0) 推荐(0)
vue不能检测动态更新的数据
摘要：对于常用的v-for当采用一下变化数据，是不能被vue检测到，视图不会刷新 一. 数组数据变化 由于 JavaScript 的限制，Vue 不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如： 阅读全文
posted @ 2020-04-21 16:01 对·味 阅读(734) 评论(0) 推荐(1)
Element-UI 的基本使用
摘要：Element-UI 的基本使用 Element-UI：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 减少开发者对UI样式的编写，使用现成样式 官网地址为： http://element-cn.eleme.io/#/zh-CN 1. 基于命令行方式手动安装 ① 安装依赖 阅读全文
posted @ 2020-03-09 08:26 对·味 阅读(479) 评论(0) 推荐(0)
Vue方式自动打开浏览器配置
摘要：Vue方式自动打开浏览器配置 1. 通过 package.json 配置项目 // 必须是符合规范的json语法 "vue": { "devServer": { "port": "8888", "open" : true } }, 注意：不推荐使用这种配置方式。因为 package.json 主要用 阅读全文
posted @ 2020-03-09 08:23 对·味 阅读(5305) 评论(0) 推荐(0)
Webpack配置Vue项目
摘要：Webpack配置Vue项目 一. 基本配置 1. 在项目中安装和配置 webpack 使用webpack打包生成的文件就不会存在兼容性问题，可以使用es6的import语法 ① 运行 npm install webpack webpack-cli –D 命令，安装 webpack 相关的包 ② 在 阅读全文
posted @ 2020-03-08 22:41 对·味 阅读(1222) 评论(0) 推荐(0)