一.安装插件 npm install vue-video-player --save 二.配置插件 在main.js中全局配置插件 import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css') Vue.use(VideoPlayer) 三.使用插件 在vue组件中的程序如下: <template>

vue.js https://cn.vuejs.org/v2/guide/instance.html#生命周期图示 iview https://www.iviewui.com/components/tree

1.采用简洁的模板语法来声明渲染数据: <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 修改方法:app.message = 新值 2.指令 v-bind 绑定 v-if 条件 v-for 举例 <div id="app-4"> <ol> <li v-for

拖动“安装” http://marketplace.eclipse.org/marketplace-client-intro?mpc_install=2947754

vue 文件插件 Vetur 设置说明官网 https://vuejs.github.io/vetur/formatting.html#settings

简介 使用 Node + vue 对公司的官网进行了一个简单的移动端的实现. 源码 https://github.com/wx1993/node-vue-fabaocn 效果 组件 轮播图(使用 vue-awesome-swiper 插件) 新闻列表 新闻详情 职位列表 联系我们页面(使用百度地图api) 技术 Express.Vue.Vue-Router.Vue-Resource.Webpack Vue vue 的组件化思想和 React 很像,一个 vue 组件将 html.css 和 js

简介 使用 Node + vue 对公司的官网进行了一个简单的移动端的实现. 源码 https://github.com/wx1993/node-vue-fabaocn 效果 组件 轮播图(使用 vue-awesome-swiper 插件) 新闻列表 新闻详情 职位列表 联系我们页面(使用百度地图api) 技术 Express.Vue.Vue-Router.Vue-Resource.Webpack Vue vue 的组件化思想和 React 很像,一个 vue 组件将 html.css 和 js

学习了vue后又重新过了一遍官网的教程,选择性地摘抄了一些自己觉得比较重要的知识点.以备后面查缺补漏用. 计算属性 计算属性mounted中,属性值函数将用作属性的getter函数.当函数中的依赖发生改变时候,其值会更新. 计算属性缓存vs方法 计算属性是基于它们的响应式依赖进行缓存的,只在相关响应式依赖发生改变时它们才会重新求值. 相比之下,每当触发重新渲染时,调用方法将总会再次执行函数. 所以对于性能开销比较大的属性要选择计算属性. 侦听器watch 当需要在数据变化时执行异步或开销较大的操

背景:angular与jquery类库的协作 第三方类库中,不得不提的是大名鼎鼎的jquery,现在基本上已经是国内web开发的必修工具了.它灵活的dom操作,让很多web开发人员欲罢不能.再加上已经很成熟的jquery UI 库和大量jquery 插件,几乎是一个取之不尽用之不竭的宝库.然而,它是否能与angularjs结合呢? 很多angularjs原教旨主义者对此持否定态度.他们认为,既然已经使用了angularjs做web应用框架,那就必须避免其他类库的干扰,做纯净的MvvM模式应用.任

近期做了个活动页,里面根据需求插入了阿里云的视频,常见的浏览器都支持包括低版本的. 由于浏览器的更新换代很多版本放弃了flash的插件安装,火狐就是其中之一. 未安装flash的浏览器如果打开这个链接的话会很吓人,页面没有视频,所占的视频区域是空白的. 找了一个方法,也不算彻底解决吧,给未安装flash的浏览器提示,让用户自己去flash官网下载,然后就能正常播放. function flashChecker() { var hasFlash = 0; //是否安装了flash var flas

 [博客园cnblogs笔者m-yb原创,转载请加本文博客链接,笔者github: https://github.com/mayangbo666,公众号aandb7,QQ群927113708] https://www.cnblogs.com/m-yb/p/10164853.html       组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型.独立和通常可复用的组件构建大型应用.我把这里理解为面向对象的思想.   在 Vue 里,一个组件本质上是一个拥有预定义选项的一个

官网 https://cn.vuejs.org/v2/guide/ 饿了么组件: http://element-cn.eleme.io/#/zh-CN/component/tree 异步请求框架插件 Axios https://www.kancloud.cn/yunye/axios/234845 组件集合: http://www.wheelsfactory.cn/#/detail?id=88

在许多网站中,经常用到弹出层,有时候为了达到更好的用户体验,你将写繁琐的css跟js,这款 jquery-layer可以让你想到即可做到的web弹窗/层js组件.layer侧重于用户灵活的自定义,为不同人的使用习惯提供全方位设计,您的页 面会因此拥有更丰富.友好的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现各类交互.   它的使用方法很简单,首先,引入jquery库及layer库 代码如下: <button id="test1">小小提示层</butto

在使用了element-ui后,总觉得不尽兴,再学一个响应式的muse-ui发现是个小众框架,但是我很喜欢. 指出官网文档里的主题使用描述错误. 首先,在vue-cli里安装raw-loader:npm i  raw-loader -D 然后在app.vue里使用: import light from '!raw-loader!muse-ui/dist/theme-default.css' import dark from '!raw-loader!muse-ui/dist/theme-dark

前言: 很久以前就关注过jQuery官网plugins栏目下那些全是英文的插件,本人的英文水平很菜,想要全部看懂确实是件不易之事. 好在大部分的案例中都有 view-homepage 或 Try a Demo,美哉妙哉!请猛戳下面的链接: http://plugins.jquery.com/tag/jquery/ 简单统计: 打开网站首先映入眼帘的是高大上的蓝色网页,眼睛略略扫过左边的插件分类(Popular Tags),有两千多个插件.呵呵,一般情况下,这个数量级的插件足够大家平时工作时参考的

代码地址如下:http://www.demodashi.com/demo/12302.html 插件介绍 这是一个根据阴阳师官网的轮播效果所扒下来的轮播插件,主要应用于定制个性化场景,目前源码完全公开,如有需要,可根据自己的需求修改源码样式下面是一个演示页面截图(建议使用新版谷歌.火狐浏览器观看,对于ie9以下不支持CSS3属性的浏览器不兼容). 在插件包中,包含新旧两个版本的插件js源码,区别主要在于控制移动样式上面,可根据自身需求修改对应css样式及插件部分代码,实现个性化定制. 其中ind

这个示例是模仿官网示例样式和功能用我自己的方式写的,基本上没有看官网的源码,只参考自定义指令.让我们一步步来探讨一下.官网demo 要实现的功能 单条添加todo 单条删除todo 双击编辑todo 单条todo已完成相应样式状态改变 全部todo是已完成相应样式状态改变 清除全部已完成todos 待办todos数量显示 所有todos,已完成todos,未完成todos筛选 单条添加todo <input type="text" class="todos_add&qu

前言:这一章主要是vue的介绍.安装.以及如何创建一个vue实例. 一.vue介绍 vue3中文官网:建议先自己看官网. https://v3.cn.vuejs.org/ vue是渐进式框架,渐进式指的就是可以在你的项目已经有js,jquery等框架后还可以嵌入vue框架.可以只用我的一部分,而不是一个项目必须全部由我开发. 安装 将 Vue.js 添加到项目中主要有四种方式: 1.以 CDN 包的形式导入. <script src="https://unpkg.com/vue@next&

摘抄自 hahei2020:https://blog.csdn.net/hahei2020/article/details/79285370 layui 时间插件, 当选择时间或时间发生改变后,按照官网写法无效,解决方式! laydate.render({ elem: '#aa' ,done: function(value, date, endDate){ $('#aa').change(); // 一定要加上这句!!!不然没有回调!!! console.log(value); //得到日期生成

Vue基础知识学习网站[中文] https://cn.vuejs.org/v2/guide/ Vue路由知识学习网站[中文] https://router.vuejs.org/zh/guide/  Vuex更为复杂的Vue知识学习网站[中文] https://vuex.vuejs.org/zh/ Vue脚手架搭建和使用学习网站[中文] https://cli.vuejs.org/zh/guide/ Vue自学可以参考的博客,博客中有demo https://www.cnblogs.com/kee

官网有一个提醒:使用修饰符时,顺序很重要:相应的代码会以同样的顺序产生.因此,用 v-on:click.prevent.self 会阻止所有的点击,而 v-on:click.self.prevent 只会阻止对元素自身的点击. @click.prevent.self =“c”  总是先执行prevent,无论是内部元素还是本身元素触发,他都会prevent默认事件.只不过只有当你点击a元素的时候,才会触发c事件,因此会阻止所有的点击 @click.self.prevent =“c” 当你点击的元