https://surmon-china.github.io/vue-awesome-swiper/ 第一步安装 npm install vue-awesome-swiper --save 第二部在main.js中引入 import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(VueAwesomeSwiper)   在组件中使用插件 <swiper :options="swiperOpti

简介 使用 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

在使用了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

vue.js     https://cn.vuejs.org/ v-charts  https://v-charts.js.org/#/                    (图表,地图) webpack             https://www.webpackjs.com/ vue-router      https://router.vuejs.org/zh/ axios         http://www.axios-js.com/ vue-cli       https://

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

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

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

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

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

官网 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

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

vue引入swiper  vue使用swiper  vue脚手架使用swiper /引入js文件/引入css文件 ----------------------------------------------------------                   转载文章请注明出处!                ---------------------------------------------------------- 如果只是要使用轮播效果的话可以参考下一些vue组件:比如这篇文

介绍:轮播使用了swiper,重要用于移动端滑动,详情可查看官网 1.首先用npm安装        npm install swiper 2.main.js 中引入CSS     import 'swiper/css/swiper.css' 3.新建swiper-slide.min.css文件 @charset "utf-8";*{margin:0;padding:0}html{height:100%}body{height:100%; background-size:100% 10

最近公司要重构公司官网,jq+bootstrap 改为了vue,刚开始我以为用vue不是挺好的嘛,后来才发现,有于vue单页面的特性,不利于搜索引擎的抓取,因此在seo方面需要另外想办法,于是乎,就找到了nuxt,然后在项目应用的过程中,发现网上有各式各样的讲解,但是很多是过时的坑,于是... 1.nuxt:是服务端渲染,并且具有生成静态文件的功能,这就大大提高了seo, 2.安装:官网给了两种方法,一种从零开始创建,一种是用npx或者yarn直接创建,我用npx装的时候可能是网速原因,一直报错

问题描述 今天做一个前端项目,安装幻灯片插件vue-awesome-swiper后 运行npm run dev 后报错如下: `ERROR Could not compile template E:\java\JavaWorkSpace\OnlineEducation\WebReview\vue-front-1010\node_modules\@nuxt\vue-app\template\App.js: Cannot resolve "swiper/dist/css/swiper.css&quo

扯淡 经过不少日夜的赶工,Chloe 的官网于上周正式上线.上篇博客中LZ说过要将官网以及后台源码都会开放出来,为了尽快兑现我说过的话,趁周末,我稍微整理了一下项目的源码,就今儿毫无保留的开放给大家,希望能对大家有帮助,献丑了. 项目不大,官网就是几个展示页面.后台借鉴了 NFine 的设计,直接套用了 NFine 的前端模版以及他的一些权限设计.由于个人开发习惯和所用技术与 NFine 的有些不同,比如,NFine 前端数据展示用 jqgrid,而我比较倾向于使用 knockoutjs,同时,

查看效果请访问:https://521lbx.github.io/Web3D/index.html公司的好几个vue项目都是用ivew作为UI框架,所以ivew官网时不时就得逛一圈.每一次进首页都会被首页的波浪特效惊艳到,一时手痒,就有个这篇随笔!猜了猜应该是使用three.js写的,就上three.js官网上逛荡逛荡,果不其然,官网有个wave的特效,但要做成ivew官网的样子,还是需要做些功夫的. 首先是点点的颜色(官网例子是白色的),然后是特效的区域(官网是满屏),最后是设置特效只在波浪上

在安装Weex Toolkit之前,需要确保安装了node, npm. yangfeifei:~ yff$ node -v v6.10.2 yangfeifei:~ yff$ npm -v 3.10.10 然后按照官网安装Weex CLI: npm install -g weex-toolkit 并确保版本号大于0.1.0: 安装完成之后,用weex命令验证是否成功 yangfeifei:~ yff$ weex Usage: weex <foo/bar/we_file_or_dir_path>

对于官网属性与侦听器模块,所引用的以下文件在脚手架中如何使用? <script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script> 在脚手架中,对于不同的文件安

一.使用Vue.js注意事项 Vue.js在uni-app中使用的差异: 新增:uni-app除了支持Vue实例的生命周期,还支持应用启动.页面显示等生命周期 受限:发布到H5时支持所有vue的语法, 在小程序和App端部分功能受限 生命周期:Vue实例生命周期+应用生命周期+页面生命周期 使用uni-app的onReady : 代替vue的mounted 使用uni-app的onLoad : 代替vue的created 注意:不要在选项属性或回调上使用箭头函数,比如 created: () =