![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue
子非 。
这个作者很懒,什么都没留下…
展开
-
vue——通过post方法下载文件并重命名 后端要暴露参数
vue——通过post方法下载文件并重命名参考:https://blog.csdn.net/u011301203/article/details/102629952https://www.cnblogs.com/codesyofo/p/14142197.html前端downLoad(){let that = thislet params = { // 根据后端需求传参meetName: encodeURI(that.meetName),htmlText: encodeURI(that.con转载 2022-05-31 14:55:37 · 424 阅读 · 0 评论 -
vue3 vue-seamless-scroll
main.ts// @ts-ignoreimport scroll from "vue-seamless-scroll/src";app.use(scroll)引用<template> <div class="give_an_alarm"> <div class="level_title"> <div class="top_level"></div> <span>告警日志</span原创 2021-11-29 16:27:48 · 5020 阅读 · 0 评论 -
vue3 中的setup
setup 的运用和其意义reactive, 创建一个响应式数据ref, 用于创建一个响应式数据,当数据发生改变时,Vue会自动更新UI ref和reactice的最大区别是 ref 返回的是{value: xxx}computed, 计算属性 有缓存watchEffect 监听 没缓存<template> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorl原创 2021-09-18 16:59:20 · 399 阅读 · 0 评论 -
创建vue3的项目
vue create vue01 (创建项目)手动选择支持的特性// bable 过 Babel ,可以帮我们将 高级的语法转换为 低级的语法// typeScript 使用ts开发//linter / Formatter 代码检查//unit testing 单元测试选择版本 使用3开发//是否使用 class-style (因为使用3的变动, 不需要这项) N//选择格式化代码选择哪个//lint on save 可以快速知道代码有没有问题//lint and fix原创 2021-09-14 11:01:59 · 67 阅读 · 0 评论 -
vue组件添加事件@click.native
1,给vue组件绑定事件时候,必须加上native ,否则会认为监听的是来自Item组件自定义的事件2,等同于在子组件中: 子组件内部处理click事件然后向外发送click事件:$emit(“click”.fn)<Item @click.native = “shijian()”>...原创 2020-11-11 15:24:50 · 358 阅读 · 1 评论 -
vue+element 键盘回车事件导致页面刷新的问题
问题:input输入框输入内容,按键盘上的回车按钮,会刷新界面 解决方法:1.如果回车时有方法需要调用,在调用方法的时候加上@keyup.enter.native 2.如果在input上加上@keyup.enter.native,第一次回车时还是会刷新界面,在el-from上加上 @submit.native.prevent<el-form :inline=“true” class=“search转载 2021-06-19 15:11:04 · 827 阅读 · 1 评论 -
vuex 注册 + 更改值 + 提交载荷 + Action(逻辑层) + 派生属性 getter + module 模块化
安装依赖 npm install --save vuex每一个 Vuex 项目的核心就是 store(仓库)。 store 就是一个对象,它包含着你的项目中大部分的状态(state)。state 是 store 对象中的一个选项,是 Vuex 管理的状态对象(共享的数据属性)建立vuex文件注册使用全局 和 通过点击更改全局...原创 2020-11-16 11:18:32 · 339 阅读 · 0 评论 -
vue : 无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本
在用脚手架搭建vue项目时,提示:无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本这是你笔记本禁止运行脚本,解决办法1.管理员身份打开 运行powershell(管理员身份)23.输入set-ExecutionPolicy RemoteSigned4.选择Y 或者A ,就好了...转载 2020-10-02 17:00:32 · 156 阅读 · 0 评论 -
解决vue-loader webpack 版本出现的问题
出现问题问题描述主要是webpack打包时出现问题报错如上发现vue-loader 和 vue-template-compiler 版本不匹配解决方法npm instllnpm update之后再运行就解决了原创 2020-09-25 17:43:22 · 1550 阅读 · 0 评论 -
条件渲染 v-if+ v-show
条件指令v-if 是否渲染当前元素v-else v-else-if v-show 与 v-if 类似,只是元素始终会被渲染并保留在 DOM 中,只是简单切换元素的 CSS 属性 display 来显示或隐藏v-if 与 v-show 比较什么时候元素被渲染v-if 如果在初始条件为假,则什么也不做,每当条件为真时,都会重新渲染条件元素v-show 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换使用场景选择v-if 有更高的切换开销,v-show 有更高的初原创 2020-07-20 16:21:29 · 107 阅读 · 0 评论 -
Webpack 安装 系统环境变量
第二章 Webpack 安装和案例2.1全局安装1.安装 webpack2.如果上面安装的是 webpack v4+ 版本, 还需要安装 CLI , 才能使用 webpack 命令行可通过 npm root -g 查看全局安装目录3.如果安装后,命令行窗口 webpack 命令不可用,则手动配置 全局目录的 环境变量,具体见 2.2.12.2快速入门VSCode 中安装插件 Node Snippets ,有代码快捷提示2.2.1打包 JS 模块默认情况下, 模块化 JS 浏览器不能识别,可原创 2020-09-23 15:04:44 · 312 阅读 · 0 评论 -
vue-cli 安装与创建 vue-cli 脚手架自选选项说明 + 脚手架项目结构 + 自定义配置 + vscode 自定义vue模板 + mockjs基础生成规则 + easy-mock本地环境部署
vscode 自定义vue模板第一步第二步1、打开file(文件)->preferences(首选项)->User snippets(用户片段),输入vue.json(或vue),添加下面代码。2、新建vue文件,输入vue回车,补全为vue2.0语法,输入v3回车,补全为vue3.0语法 { "Print to console": { "prefix": "vue", "body": [ "<template>", ...原创 2020-09-28 09:08:03 · 313 阅读 · 0 评论 -
初次认识vue + mvvm
初次认识vue之 hello worldmvvm是 model - view -viewmodel 的缩写model 就是dataview 就是模板页面viewmodel 本质上就是vue实例把需要改变的数据初始化到vue中,通过修改vue数据实现对视图的更新原创 2020-07-17 10:52:38 · 106 阅读 · 0 评论 -
vue {{}} + v-once + v-html + v-bind + v-on
{{xxxx}} 双大括号文本绑定v-xxxx 以 v- 开头用于标签属性绑定,称为指令双大括号语法 {{}}格式: {{表达式}}作用:使用在标签体中,用于获取数据可以使用 JavaScript 表达式一次性插值 v-once通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新v-html如果是HTML格式数据,双大括号会将数据解释为普通文本,为了输出真正的 HTML,你需要使用 v-html指令。Vue 为了防止 XSS 攻击,在此指令上.原创 2020-07-17 11:45:59 · 180 阅读 · 1 评论 -
Vue 动画隐藏显示 + v-pre + v-text -v-cloak +自定义指令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head> <style> .fad原创 2020-08-06 23:01:38 · 258 阅读 · 0 评论 -
vue v-for + v-on + 事件修饰符 + 按键修饰符 + 表单数据双向绑定
v-forv-on原创 2020-08-04 22:44:02 · 243 阅读 · 0 评论 -
vue 第1章 NPM 包管理工具
理解第一步 搜索 node 官网下载安装包Cmdnode -v 查看版本npm -v 查看版本如果没有报错说明正常如果报错不是系统变量 需要百度添加系统变量之后在系统中随便一个目录增加一个之后cmd到目录之后npm init 初始化目录根据提示输入相关信息,如果使用默认值,则直接回车即可。package name: 包名,其实就是项目名称,注意不能有大写字母version: 项目版本号description: 项目描述keywords: {Array}关键字,便于用户搜索原创 2020-07-16 16:45:12 · 294 阅读 · 0 评论 -
VUE 比较函数和计算属性 + class数据绑定 +style 数据绑定
计算属性 computed computed 选项定义计算属性计算属性 类似于 methods 选项中定义的函数计算属性 会进行缓存,只在相关响应式依赖发生改变时它们才会重新求值。函数 每次都会执行函数体进行计算。需求:输入数学与英语分数,采用 methods 与 computed 分别计算出总得分...原创 2020-07-20 13:23:00 · 648 阅读 · 0 评论 -
vue-2 安装模块 本地安装 + 全局安装 + 生产环境模块安装 +开发环境模块安装 + 批量下载 + 查看模块 + 卸载 + 配置镜像
本地安装npm install express #最新的npm install jquery@2.2.0 # @制定版本的全局安装npm root -g 查看全局安装地址npm config set prefix “E:\npm” 更改全局安装地址 (可更改可不更改,c盘不够了改成e盘)更改完之后没有看到目录(再次执行npm root -g) 即可查看到npm install vue -g 安装vue到全局目录npm list -g 查看全局已安装模原创 2020-07-16 18:50:04 · 632 阅读 · 0 评论 -
vue vscode 插件安装 + 编辑器设置
安装浏览器插件,用于访问html页面,在 扩展栏 的搜索框中输入 open in browser使用 Alt + B 使用默认浏览器打开当前 html 页面,或 Shift + Alt + B 选择其他浏览器open in browser (快捷打开浏览器)Vetur —— 语法高亮、智能感知、Emmet等Auto Rename Tag —— 自动完成另一侧标签的同步修改Path Intellisense —— 自动路径补全HTML CSS Support —— 让 html 标签上写.原创 2020-07-16 19:57:15 · 207 阅读 · 0 评论