Vue中computed -计算属性详解

  • Post author:
  • Post category:vue

Vue中computed -计算属性详解 计算属性的重点突出在 属性 两个字上(属性是名词),首先它是个 属性 其次这个属性有 计算 的能力(计算是动词),这里的 计算 就是个函数;简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已;可以想象为缓存! demo 这里我们编写一个demo,让页面输出当前的时间,将计算属性和普通的方法进行对比 compute.htm…

继续阅读 Vue中computed -计算属性详解

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1_vue_router__.a.beforeEach is not a function 解决方法

  • Post author:
  • Post category:vue

在做vue-router的时候,使用到了beforeEach()。但是在使用的时候发现浏览器页面没有元素,看了一下报了这个错 代码如下: 在运行时就出现报错。 解决方法: 将原来的export default new Router = ({}) 更换成const router(可以修改) = new Router({}) , 然后再export default router 。 修改完成后浏览器页…

继续阅读 Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1_vue_router__.a.beforeEach is not a function 解决方法

手把手教你使用Vue搭建注册登录界面及前端源码

  • Post author:
  • Post category:vue

文章目录 一、前言 二、概况 三、搭建注册页面 四、改造登录页面 四、整体效果动画演示 五、前端源码下载 六、后续 一、前言 本文将在 vue-admin-template 模板基础上完成搭建注册与登录页面。文末处有完整的前端源码下载。 环境准备 浏览器:Chrome IDE: VS Code Node.js 10+,npm 二、概况 我们先了解一下整个项目的目录结构 ├── build # 构建…

继续阅读 手把手教你使用Vue搭建注册登录界面及前端源码

使用 vue.draggable 实现拖拽、克隆

  • Post author:
  • Post category:vue

这是大佬的博客 https://blog.csdn.net/zjiang1994/article/details/79809687 里面对vue.draggable的一些方法和属性,进行了详解,非常的详细,比官网的还要详细哦!给大佬点赞!!! 这是vue.draggable的官网 https://www.itxst.com/vue-draggable/jirneq6b.html 虽然官网说的不是很…

继续阅读 使用 vue.draggable 实现拖拽、克隆

vue页面手机端开发总结

  • Post author:
  • Post category:vue

当图片的某元素是一张图片,可不设置宽高,将样式设置为如下,这样图片就会撑起来页面,避免一些宽高在不同机型不协调的问题。 display: block; width: 100%; 需要条件判断显示不同的图片时,可以给标签的src绑定一个方法,该方法根据条件return它的URL 使用v-if 来决定dom元素是否渲染 多使用伪元素来减少div标签,常用的有before,和after 常用的设置有水平…

继续阅读 vue页面手机端开发总结

vue基础入门

  • Post author:
  • Post category:vue

什么是 vue 构建用户界面 用 vue 往 html 页面中填充数据,非常的方便 框架 框架是一套现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能! 要学习 vue,就是在学习 vue 框架中规定的用法! vue 的指令、组件(是对 UI 结构的复用)、路由、Vuex、vue 组件库 只有把上面老师罗列的内容掌握以后,才有开发 vue 项目的能力! vue 的两个特性 数据驱动视图…

继续阅读 vue基础入门

vue安装与配置以及vue2和vue3共存

  • Post author:
  • Post category:vue

一、下载安装vue 官网下载地址: Download | Node.js windows下载: 双击安装包:一路往下直接next,遇到下面情况,不勾选,最后直接finish 打开命令行,输入 node -v npm -v 如上则nodejs安装成功 安装之后的目录: 在该目录下新建两个文件夹:node_cache和node_global 以管理员的身份打开命令行输入: npm config set…

继续阅读 vue安装与配置以及vue2和vue3共存

vue项目中常用导出

  • Post author:
  • Post category:vue

export、export default、export default {} export 1.export export test1 = ()=>{} import {test1} from "/" 通过 export 导出的方法、函数 import导入时要加{ };使用时直接用test1 export default 2.export default export defult tes…

继续阅读 vue项目中常用导出

Vue3常用知识点总结

  • Post author:
  • Post category:vue

一、vue3的基本介绍及项目创建 Vue是一套用于构建用户界面的 渐进式框架 。Vue.js 3.0 "One Piece" 正式版在2020年9月份发布,经过了2年多开发, 100+位贡献者, 2600+次提交, 600+次PR,同时Vue3也支持Vue2的大多数特性,且,更好的支持了TypeScript,也增加了很多的新特性,如:Composition API,新组件(Fragment/Tel…

继续阅读 Vue3常用知识点总结

vue实现点击让对应的iframe全屏

  • Post author:
  • Post category:vue

前言: 开发中遇到点击让iframe全屏的需求,代码如下 <template> <div> <a-button type="primary" @click="screen">全屏</a-button> <iframe :src="url" frameborder="0" height="700px" width="100%" longdesc=…

继续阅读 vue实现点击让对应的iframe全屏