![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 50
晴天Smile
做自己喜欢的事,爱自己喜欢的人!
展开
-
什么是VUE?为什么用VUE?
Vue.js新手入门指南最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目。在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发,从一个从未接触过除HTML+CSS原创 2017-05-10 16:19:59 · 121023 阅读 · 69 评论 -
AXIOS全攻略,vue中全局引入
https://ykloveyxk.github.io/2017/02/25/axios%E5%85%A8%E6%94%BB%E7%95%A5/原创 2017-08-07 11:47:37 · 604 阅读 · 0 评论 -
vue掘金
https://juejin.im/post/584e48b2ac502e006c74a120原创 2017-08-07 11:55:04 · 824 阅读 · 0 评论 -
点那亮那的vue代码 重点
div class="box1"> div class="box1-item avater" @click="change()"> img class="Img" src="../../assets/img/small_icon/company.png"> p class="wz">公司简介p> div>原创 2017-08-07 15:20:41 · 310 阅读 · 0 评论 -
vue懒加载
import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)vue全局引入div class="grid-demo" v-if="active_tab=='idemo'" v-infinite-scroll="getdata" infinite-scroll-dis原创 2017-08-07 15:41:59 · 762 阅读 · 0 评论 -
关于vue引入问题说明
http://www.cnblogs.com/xiaojingyuan/p/6555988.html原创 2017-08-05 11:36:20 · 400 阅读 · 0 评论 -
Element UI项目总结
Element UI感觉很强大,"element-ui": "^1.2.8",cnpm install @element-ui@1.2.8 --save走你main.js中引入import 'element-ui/lib/theme-default/index.c原创 2017-11-08 23:04:57 · 1684 阅读 · 0 评论 -
emit的用法
ps:App.vue 父组件 Hello.vue 子组件App.vue :-->template> div id="app"> hello @newNodeEvent="parentLisen" /> div>template>script> import hello from './components/Hello'转载 2018-01-06 16:32:36 · 4520 阅读 · 0 评论 -
vux的生命周期自己总结规律
body style="font-size: initial;"> div>我是div> div>大家好div> div id="app">div> div>我是index结尾div> body>alert("我是index末尾")这是index.html中的主程序1:打开vue的一个页面列如原创 2017-08-09 16:30:27 · 709 阅读 · 0 评论 -
async await同步
vue里面的写法,就是必须先执行某个方法,得到结果时在执行下面的 async created() { scroll(0, 0); this.type = this.$route.query.type ? this.$route.query.type : '' if (this.type) { await this.SigninSubmit(...原创 2018-05-07 16:25:07 · 1774 阅读 · 0 评论 -
php数学函数库
(1) floor:舍去法取整(向下取整) (2) ceil:进一法取整(向上取整) (3) round:对浮点数进行四舍五入 float round ( float $val [, int $precision = 0]) 例如: echo round(4.6);//5 echo round(4.789,2...原创 2018-05-07 16:51:59 · 540 阅读 · 0 评论 -
php数组
// 获得文件扩展名$str ='fr.dfd.gif.png.jpg';// 方法一: substr strrpos$ext = substr($str,strrpos($str,'.')+1);// in_array:判断变量是否是数组中的值$var = true;$arr = array('a','b','c','d');//松散比较 true=='a' -->tr...原创 2018-05-07 17:36:02 · 168 阅读 · 0 评论 -
vue和yaf的前后端分离
yaf做单一入口,一个URL链接,都会执行index/index方法 http://yc.wzjo2o.com/#/ 还有http://yc.wzjo2o.com/#/mine/index 第一次都会执行index方法,然后在index里面把 $this->_view->display('...原创 2018-09-08 10:13:31 · 1004 阅读 · 0 评论 -
vue笔记
vue生命周期={created:#在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。mounted:#在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。Vue提供的生命周期钩子如下:beforeCreate# ①beforeCreate# 在实例初始化之后,数据观测(data observer,开始监控Da...原创 2018-09-21 16:18:48 · 246 阅读 · 0 评论 -
vue百分比图总结规律
1:package.json; "hchs-vue-charts": "^1.2.8", "chart.js": "^2.3.0",2:cnpm install3:main.js:全局引入import ChartJS from 'chart.js'import VueCharts from 'hchs-vue-charts'Vue原创 2017-08-05 11:26:12 · 3067 阅读 · 0 评论 -
vue自己创建思维
使用vux自带模板,因为Vue官方的模板乱而不简洁!1:先从node.js官网下载并安装node,安装过程很简单;2.npm版本需要大于3.0 ,如果低于3.0要升级它:查询npm版本号代码: npm-v升级npm代码: npm install npm -g3.基于node.js利用淘宝npm镜像安装相关依赖(国内使用npm会很慢),完成后就可以用cnpm代替npm原创 2017-08-04 10:19:08 · 317 阅读 · 0 评论 -
v-if实现导航切换
v-if实现导航切换:v-if 应该只是 一个状态机if 里的数值是true 的话就输出节点,false 的话就不输出节点原创 2017-05-10 16:13:12 · 1844 阅读 · 1 评论 -
vue公共样式1 global.scss
/* 作用: 清除浮动, 用法: 给父元素,加入clear的类名*/.clear:after { content:''; display:block; clear:both; }.clear { zoom:1; }/* 作用: 文本超出变省略号(只能用于一行) 用法: 给当前元素,加入ellipsis的类名*/.ellipsis{ white-原创 2017-06-14 19:23:39 · 2201 阅读 · 0 评论 -
vue公共样式2resetvux.scss
@import './assets/scss/theme.scss';.shop .vux-tab .vux-tab-item.vux-tab-selected{ color:#f74c31; border-bottom: 3px solid #f74c31;}.shop .vux-tab-ink-bar{ background-color:#f74c原创 2017-06-14 19:24:26 · 1262 阅读 · 0 评论 -
vue公共样式3 theme.scss
/* css 主题文件 将页面通用的样式统一定义到该文件 *///主色$main-color:#D91E2F;$font-color:#333333;原创 2017-06-14 19:30:54 · 1096 阅读 · 0 评论 -
轮播组件vue
swiper :options="swiperOption" class='swiper-box'> swiper-slide v-for="v in swipers">img :src="v.fdcImage" class="swiper-img"原创 2017-06-14 19:37:55 · 994 阅读 · 0 评论 -
实现vux组件跳转
tab active-color="#ff6e00"> tab-item selected @on-item-click="onClick('idemo')">热销标的tab-item> tab-item @on-item-click="onClick('vile')">新手专享tab-item> tab原创 2017-06-14 19:48:36 · 1809 阅读 · 0 评论 -
手机响应式布局rem和头部设置
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',//屏幕旋转和窗口调整事件 recalc = function ()原创 2017-06-15 09:29:05 · 822 阅读 · 0 评论 -
下拉框
select { background-color: #fff; background-image: none; border: 0px; border-bottom: 1px solid #efefef;原创 2017-07-07 10:05:46 · 369 阅读 · 0 评论 -
Vue.prototype封装消息
main.js全局引入//封装消息提示Vue.prototype.msg = function (text) { //如果你需要让一个工具函数在每个组件可用,可以把方法挂载到 Vue.prototype上。那么组件代码里this.method() Vue.$vux.toast.show({ text: text, type: 'text'原创 2017-08-07 17:16:00 · 7000 阅读 · 0 评论 -
解决vue不相关组件之前数据传输问题
Vue的项目中,如果项目简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递但是如果是大中型项目中,很多时候都需要在不相关的平行组件之间传递数据,并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项目代码变得冗长,并且不利于组件的复用,提高了耦合度。Vue 的状态管理工具 Vuex 完美的解决了这个问题。看了下vuex的官网,觉转载 2017-08-07 17:35:07 · 2167 阅读 · 0 评论 -
返回顶部vue写法
div id="scrollTop" v-on:click="scrollTop">img src="./assets/img/small_icon/scrollTop.png">div>scrollTop(){ var sTop = document.body || document.documentElement; sTop.scro原创 2017-07-19 17:18:24 · 2791 阅读 · 0 评论 -
vue生命周期
自己将在这个板块持续更新!原创 2017-08-09 10:14:04 · 264 阅读 · 0 评论 -
vuex图解
原创 2017-08-09 10:35:52 · 861 阅读 · 0 评论 -
socketIO
socketIO={#socket.io详细解答{ "express": "^4.16.3", "socket.io": "^2.1.1", "mongoose": "^4.9.2"}#至少pack里面要有这些,这里用mongoose工具来新建数据库#以上这些都是放在单独的一个目录,比如websocker目录#运行时linux那边一定要原创 2018-09-21 16:20:26 · 1973 阅读 · 0 评论