vue 前端框架
关注
分享
扫一扫
数据和 DOM 已经被建立了关联，所有东西都是响应式的。
午夜.幽魂.男
每个优秀的人，都有一段沉默的时光，那段时光是付出了很多努力，却得不到结果的日子，我们把它叫做扎根。
展开
-
添加全局的js工具类
import commonUtils from ‘…/…/common/util/index’Vue.prototype.$commonUtils = commonUtils原创 2022-01-06 13:53:43 · 630 阅读 · 0 评论 -
Vue 介绍
”肉烂在汤锅里“，谚语，意思是比喻虽有损失，但仍属自己或自家人。欢迎访问我的个人博客：https://blog.52lhd.comVue.js新手入门指南最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。在做的过程中也对...转载 2019-11-23 10:35:10 · 257 阅读 · 0 评论 -
async/await
安装插件npm install vue-video-player -S3配置插件import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlayer)使...转载 2019-08-05 23:51:41 · 921 阅读 · 0 评论 -
vue this.$nextTick()的用法
动态路由匹配我们经常把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果：const User = { template:'<div>User</div>...原创 2019-08-05 23:45:17 · 861 阅读 · 0 评论 -
vue directives 表格回车跳转
Vue使用NProgressimport router from './router'import store from './store'import { Message } from 'element-ui'import NProgress from 'nprogress'import 'nprogress/nprogress.css'import { getToken } fro...原创 2019-11-27 09:57:10 · 384 阅读 · 0 评论 -
momentjs 使用计算日期相差天数
1. 安装npm install mockjs --save2. 在mock文件夹，并在mock文件夹下新建index.js3. 在main.js中引入// main.js Vue.config.productionTip = falserequire('./mock')/* eslint-disable no-new */new Vue({ el: '#app', ro...原创 2019-07-25 12:46:04 · 4514 阅读 · 0 评论 -
es6 Array Number 对象
web components 规范已经完成并通过，但并被所有浏览器原生实现。目前。vue组件提供了纯自定义元素所不具备的一些重要功能，最突出的是跨组件数据流、自定义事件通信以及构建工具集成。...原创 2019-07-13 21:26:52 · 247 阅读 · 0 评论 -
elementUI使用
1. 安装 cnpm i element-ui -S -S表示 --save2. 引入element UI的css 和 插件，放入main.js文件中import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);3. webpac...转载 2019-07-24 17:50:27 · 480 阅读 · 0 评论 -
前端 闭包函数
准备在理解闭包之前，有个重要的概念需要先了解一下，就是js执行上下文。当代码在JavaScript中运行时，执行代码的环境非常重要，并将概括为以下几点：全局代码 ——第一次执行代码的默认环境。函数代码 ——当执行流进入函数体时。（…） ——我们当作 执行上下文 是当前代码执行的一个环境与范围闭包指的是：能够访问里一个函数作用域的变量的函数。...原创 2019-08-07 20:32:10 · 148 阅读 · 0 评论 -
vue 路由
Vue-router 中hash模式和history模式的区别#问题hash模式和history模式的不同最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的请求路径问题/#/直接改变你的请求路径http://www.abc.com/book/id 如果后端缺少对 /book/id 的路由处理，将返回 404 错误。onhashchange事件,可以...原创 2019-11-27 10:43:40 · 86 阅读 · 0 评论 -
vue ref引用 修饰符sync
<template> <div> <NotepadHeader/> <div class="empty" v-show="!isShow"> <div class="no-data"> <img src="@/assets/no-data.png" class="no-data-img"/> <span class="no-data-text">暂无数据<.原创 2020-07-10 10:56:11 · 366 阅读 · 0 评论 -
vuex 详情
父组件<template> <div> <child show-txt="show"></child> <div v-if="name">name: {{ name }}</div> <div v-if="age">age: {{ age }}</div> </div></template><script>import { Child原创 2020-06-15 17:06:33 · 182 阅读 · 0 评论 -
vue 父子组件传值
props之数据验证验证的类型可以是：String，Number，Boolean，Object，Array，Functionprops: { props1: Number, //必须是数值类型 props2: [String, Number], // 数字类型 || 字符串 props3: { type: Number, // 数值型 true为必传 required: true }, props4: {原创 2020-06-15 16:48:39 · 336 阅读 · 0 评论 -
vue crud
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">&l...原创 2019-11-26 11:13:44 · 614 阅读 · 0 评论 -
vue mockjs
前-后端分离；不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据；数据类型丰富；通过随机数据，模拟各种场景；npm install --global vue-cli创建vue项目vue init webpack mockjs<br>cd mockjs<br>npm install axios --save安装mockjsnpm ins...原创 2019-11-26 11:03:52 · 293 阅读 · 0 评论