vue

 

 

node -v 报错：

C:\Program Files\nodejs\node.exe: --openssl-legacy-provider is not allowed in NODE_OPTIONS

解决办法，去掉 --openssl-legacy-provider

$env:NODE_OPTIONS=""

 

 

 route & router

 

 

强制数字转换

 <select v-model.number="n"> <!-- .number 强制数字转换-->

 

 居中平铺

.container{
    display: flex;
    justify-content: space-around;
}

　　

解决跨域方法：

 

 

 

 

pubsub-js 通信

import pubsub from 'pubsub-js';

　　

 

查看版本

npm view webpack versions

 

 

查看 vue 默认的脚手架配置

 vue inspect > output.js

 

 

模板解析器：

 

 babel 的作用？把ES6编译成ES5。如图：

 

第一步（仅第一次执行）：全局安装@vue/cli。

npm install -g @vue/cli

npm install -g @vue/cli@4.5.13

 

 demo-vue

Vue 与 VueComponent 的关系

 

 

 

 

cookie editor & xss 攻击

https://www.bilibili.com/video/BV1Zy4y1K7SH?p=41&spm_id_from=pageDriver&vd_source=ad97a93a8a42c9559b03a66114d94d18

 

数组操作：

 

列表过滤

watch:{
                    keyWord:{
                        immediate:true,
                        handler(val){
                            this.filPerons = this.persons.filter((p)=>{
                                return p.name.indexOf(val) !== -1
                            })
                        }
                    }
                }

 

取一定范围的随机数

Math.floor(Math.random()*3)

　　

 数据代理

 

=====================================================

• vue中添加favicon

找到build下的 webpack.dev.conf.js 或 webpack.prod.conf.js 文件，在plugins:[]下加入：

new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      favicon: path.resolve('favicon.ico')
}),