zhu_zhu_xia的博客

特性reactiveref创建方式ref(value)支持数据类型仅对象类型任意类型访问方式直接访问属性通过.value访问模板中使用直接使用自动解包重新赋值不能直接替换整个对象可以通过.value重新赋值解构行为解构会失去响应性解构后仍需.valueTypeScript 支持自动推断类型需要泛型或类型推断典型使用场景复杂响应式对象基本类型或需要灵活重新赋值的变量。

1、今天在新机器进行node打包vue项目，build 提示 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory。网上说的配置和设置内存大小的全局命令都试过无效。2、在项目根目录下执行如下命令。3、再次进行build即可。

1、输入npm config list 命令查看当前配置情况，主要看npm获取地址，3、风起于青萍之末，浪成于微澜之间，真是防不胜防。我这里是由于之前设置的私有地址导致。2、重新设置获取地址并再次安装即可。

vue

1、使用this.$refs如果要在mouend()中使用，必须要在this.$nextTick(()=>{ } ) 这里面实现，要不是找不到ref，原因是mouned（）之后，BOM节点还没有完全挂载上，于是找不到定义的ref。2、可以直接在updata()的生命周期函数中使用，不用写this.$nextTick(()=>{ } )3、在methods:{ } 方法中使用，也需要使用this.$nextTick(()=>{ } ) 等到页面完全渲染完毕之后在调用即可...

1、新建txt文件，改txt格式为bat。2、将一下内容复制到新建的文件中并保存。cd D:\svn\your-sitenpm run buildpause3、路径为你的工程代码所在路径，右键管理员运行即可在对应工程下打包出dist的部署包。4、安装脚手架命令如下cd D:\svn\your-sitenpm install --registry=https://registry.npm.taobao.orgpause4、启动命令如下cd D:\svn\your-sit

经过百度搜查，发现此类问题是vue-cli 3.0项目搭建的时候选择的是standard（正常模式）所以每次启动项目的之后都会对代码进行检查，是否符合Eslint规范。解决方法：1. 在当前项目的根目录下，创建vue.config.js文件2. 在文件中输入 module.exports = { lintOnSave: false }3. 重启项目...

解决在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则

输入vue init webpack 将package.json中丢失的： "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js"重新下载过来，然后在npm intall 安装依赖，最后 npm run dev即可也适用于解决start, build丢...

vue项目本地编译正常；npm run dev后访问报URIError: Failed to decode param '/%3C%=%20BASE_URL%20%%3Estatic/img/favicon.ico'解决方案：本来访问地址是这样的http://localhost:6000/test/，如果通过http://localhost:6000访问就会报错...

通过vue-cli工具命令vue init webpack vuedemo创建vue项目的时候报错，提示连接超时，应该是下载某个package的时候，需要翻墙，导致出现连接超时。超时错误截图如下： 按照网络上的提示，解决办法是改为离线创建，我们需要下载github仓库中的vue-templates/webpack，然后解压到本地。下载地址为：https://github.com/vuejs-templates/webpack，下载之后，解压到本地用户目录下...

按照以往在css文件中写background:url('图片路径')，完成后加载竟然显示出错，起初以为路径不对，检查了几遍，仍然没有问题。最后百度找答案，发现不少同行都遇到过这种问题，遂记录下自己所采用的解决方式：data () { return { img: require('你的图片路径') }}div的写法：<div :style="{backgroundImage: 'url(' + img + ')'}"></div>

设置--首选项-vetur--settings.json{//是否允许自定义的snippet片段提示"editor.snippetSuggestions":"top","editor.fontSize":22,"editor.fontWeight":"400",//配置文件关联，以便启用对应的提示"files.associations":{"*.vue":"vue","*.wxss":"css"},...

1、打开vscode终端2、输入 npm run build，回车3、打包好的文件位置：项目根目录下dist文件夹；获取后即可进行部署。

方法一 props传参父组件<template> <div class="wrap"> <div>我是Father组件</div> <Son str="我是字符串" :num=5 :obj="{cont:'我是一个对象'}" :func="()=>{this.hello()}" :arr...