Vue
文章平均质量分 74
mocoe
这个作者很懒,什么都没留下…
展开
-
Vue单元测试:Vue Test Utils + Jest
安装配置1、 安装Jest和Vue Test Utils。$ npm install --save-dev jest @vue/test-utils2、安装vue-jest。.vue文件一般为单文件组件(Single-File Componengts),即html,js,css在一个文件中,vue-jest告诉Jest如何处理这样的.vue文件。目前vue-jest还不完全支持vue...原创 2018-11-12 14:40:56 · 2262 阅读 · 1 评论 -
Vue CLI 3.0踩坑记录
vue cli 3.0和之前的脚手架不太一样,记录下新特性及踩坑记录。以下均在MacOS环境下进行。官网:https://cli.vuejs.org/zh/guide/installation.html安装vue-cli包名称由vue-cli改成了@vue/cli,如果全局安装过旧版本的vue-cli,先卸载。遇到permissions denied等权限问题,命令前加sudo。...原创 2019-02-02 16:04:04 · 1081 阅读 · 0 评论 -
Electron-vue项目初探(一):搭建项目
项目里要用Electron,研究方向是本地数据库/缓存相关,正好年终归账时发现excel效率太低,且分析维度有限,准备用Electron-vue+SQLite3+SQLCipher搭一个简单版的交易分析系统,学有所出。原来是直接用electron的,小哥说有现成的electron-vue不用重复造轮子(●˘ϖ˘●),,嗯,,颇有道理,,,目录技术栈初始化项目:electron-...原创 2019-02-02 18:46:46 · 4207 阅读 · 1 评论 -
在Nginx上部署vue项目(Mac版)
构建项目将vue项目打包,打包后会在项目根路径下生成一个dist文件,这个就是需要发布到nginx服务器上的静态页面。(不同项目配置的打包命令可能稍有不同)$ npm run dev安装Nginx1、打开terminal终端2、安装Command Line Tools$ xcode-select --install3、安装brew命令$ ruby -e "$(...原创 2018-11-10 20:58:19 · 9215 阅读 · 1 评论 -
Vue的ESLint配置
用惯了组里统一的代码风格,再看默认的vue项目代码很是别扭,记录下ESLint配置,以后直接copy paste,美滋滋目录ESLint配置方式规则级别常用规则官网:https://eslint.org/docs/rules/ESLint配置方式ESLint有三种配置方式,一般自定义规则较少时,选第2种;自定义配置很多,建议第1种;第3种常用于对某句代码禁用es...原创 2019-02-03 15:00:47 · 15412 阅读 · 0 评论 -
Vue小知识点
其实是个人Vue盲点的查漏补缺_(:з」∠)_,,,很多点官方文档里都有,Vue文档要字斟句酌啊。本来想叫“Vue最佳实践”的,,老脸一红,算了,算了 Prop1、Prop如果为数组或对象类型,default值必须从函数中返回。这是为了保证不同component实例中propB都是独立的实例。props: { propA: { type: Number...原创 2019-02-12 11:10:43 · 328 阅读 · 0 评论 -
Vue中的this.$options.data()和this.$data
问题项目里遇到一个问题,用this.$options.data()重置组件data时,data()里用this获取的props或method都为undefined,代码简化如下:export default { props: { P: Object }, data () { return { A: { ...原创 2019-04-29 21:00:10 · 44913 阅读 · 11 评论