
vue
文章平均质量分 66
飞扬_柳絮
如果,你正在埋怨命运不眷顾,那请记住:命,是失败者的借口;运,是成功者的谦词!
展开
-
VuePress 搭建开发文档
目录结构.├── docs│ ├── .vuepress (可选的)│ │ ├── components (可选的)│ │ ├── theme (可选的)│ │ │ └── Layout.vue│ │ ├── public (可选的)│ │ ├── styles (可选的)│ │ │ ├── index.styl│ │ │ └── palette.styl│ │ ├── templates (可选的, 谨慎原创 2022-05-27 09:37:35 · 1712 阅读 · 0 评论 -
如何搭建一个自己的 cli 脚手架
1.npm init -y // 快速初始化一个项目2.新建命令行的入口文件 /bin/cli.js #! /usr/bin/env node //用于解释程序的脚本 console.log('Hello World!') //为了测试是否正常3.在package.json中新建bin对象,存放之后需要执行的js文件 { ...., "bin": { "temp-cli": "./bin/cli.js" } .... }4.将np原创 2022-04-21 11:02:50 · 2004 阅读 · 0 评论 -
axios 请求数据格式
Payload(默认) Content-Type: ‘application/json; charset=utf-8’ 【序列化的JSON字符串】 let data = { name: “jack”, sex: “man”}; 提交数据格式:JSON.stringify(data)备注:ajax 默认请求格式; axios会发两个请求,第一个是options,然后再就是实际的请求方式。Form Data Content-Type: ‘application/x-www-form-url原创 2021-05-31 19:08:50 · 504 阅读 · 0 评论 -
uni-app 中使用md5加密;AES加解密
一、md5 加密1、在项目中引入 md5.js/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributors: Greg Holt, Andrew Kepert, .原创 2021-04-14 20:45:14 · 3675 阅读 · 1 评论 -
Vue3.x 新特性
官网地址:https://v3.cn.vuejs.org/Vue3.x让人惊艳的一些新特性:一、新方法1、setup()、ref() 函数在<script >上 开始使用 setup()、ref() 函数 setup(): 可以代替 Vue2 中的 date 和 methods 属性 ref(): 要在template中使用的变量,必须用ref包装一下 return: return出去的数据和方法,在模板中才可以使用,这样可以精准的控制暴露的变量和方...原创 2021-03-31 21:13:37 · 165 阅读 · 0 评论 -
如何搭建 Vue3 + TypeScript 开发框架
一、新建项目 1、vue create vue3_ts 【保证 vue-cli 的版本在V4.5.4以上《查看版本 vue -V》,此时才有创建Vue3的选项】$ vue create v3_ts? Please pick a preset: (Use arrow keys) //请选择预选项> Default ([Vue 2] babel, eslint) //使用Vue2默认模板进行创建 Default (Vue 3 Pr.原创 2021-03-24 15:50:58 · 726 阅读 · 0 评论 -
NPM 常用命令
设置淘宝 NPM 镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org一、安装 安装某个npm包: npm i packageName 安装某个版本的包: npm i packageName@x.x.x安装并写入package.json生产依赖: npm i packageName -S安装并写入packag...原创 2021-03-16 16:42:25 · 309 阅读 · 0 评论 -
vue 路由
1、安装:npm install --save vue-router2、基本配置:// 2.1 路由声明: index.js import Vue from 'vue';import Router from 'vue-router';Vue.use(Router) // 全局使用import Home from "./views/home";export default new Router({ mode:'history', // 刷新会跳转到首页 routes:[原创 2021-03-16 11:17:32 · 113 阅读 · 0 评论 -
vue 风格指南
命名规则: 组件:组件名应该始终是多个单词的,首字母大写,标签上小写,用 - 分隔export default的写法顺序: - name - data - props - computed - watch - metods - components - created - mounted参考:https://cn.vuejs.org/v2/style-guide/index.html...原创 2021-03-16 09:57:00 · 121 阅读 · 0 评论 -
Vue 组件通信
一、父组件、子组件通信1、父子组件通信: 父组件通过 props 向下传递数据给子组件 父-->子(方法):可以通过ref直接获取子组件实例XX,方法调用XX.xx 备注: 1) 单向数据流,所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为...原创 2020-12-03 21:51:02 · 129 阅读 · 0 评论 -
vsCode vetur插件 + .prettierrc.js 配置格式化规范
前言 用vsCode开发Vue项目,Vetur插件是必装的,然后有时候为了格式化代码,我们还装了Prettier插件、ESLint插件,而且Vue CLI也装了ESLint,其实,都没必要。格式规范大多是浮云 先了解一下ESLint的Airbnb、Standard、Prettier三个Lint规则: 1.Airbnb、Standard这两个要比Prettier严苛,它两个会对代码逻辑做约束,而Prettier很少从代码逻辑上考虑优化。也就是说,Airbnb、Stand...原创 2020-08-06 16:56:08 · 2363 阅读 · 0 评论 -
Webpack模块打包原理、项目中的配置
Webpack:模块打包原理1、新建package.jsonnpm init -y2、下载依赖 node_modulesnpm install --save-dev webpack3、根目录下新建:index.html4、新建:src–>css,js,images;新建:js–>index.js add.js index.js 唯一入口文件var add = require('./add').ad原创 2017-04-05 10:39:39 · 3436 阅读 · 0 评论 -
Vue 开发环境搭建 + 项目创建(项目结构简介)
vue2.0 开发环境搭建 + 创建项目1、安装nodejs环境 检查Node.js是否安装成功:node –version 参考文档:nodejs详细安装步骤 2、全局安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org3、全局安装vue-cli(vue命令行工具)npm ins原创 2017-04-01 11:24:17 · 1242 阅读 · 0 评论 -
Vue 本地跨域处理(包含cookie)
1、前端设置main.jsimport axios from 'axios'axios.defaults.withCredentials = true; //允许axios请求携带cookie等凭证2、后端设置 说明: 以下设置对同域情况下没影响 //当**Credentials为true时,**Origin不能为星号,需为具体的ip地址【如果接口不带cookie,ip无......原创 2018-01-29 11:10:17 · 19808 阅读 · 1 评论 -
pdf.js 在VUE内的封装使用
最近需要把一个Vue项目内原先由Html展示的协议内容通过pdf的形式来展示,在实现的过程中,爬了很多的坑,下面一一描述下:1、直接使用<a>的形式,GG2、github一顿搜索,找到一个项目: vue-pdf(https://github.com/FranckFreiburger/vue-pdf) demo 可以运行,但是坑不少(415个Star,但是issues没人搭...原创 2018-10-10 21:27:22 · 5118 阅读 · 5 评论