• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






鱼大饼

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

随笔分类 -  vue

 
vue $emit抛出事件
摘要:子组件 scroll组件 父组件 阅读全文
posted @ 2017-08-07 22:34 鱼大饼 阅读(2846) 评论(0) 推荐(0)
Vue2.0 探索之路——生命周期和钩子函数的一些理解(转)
摘要:前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数 阅读全文
posted @ 2017-07-31 16:14 鱼大饼 阅读(244) 评论(0) 推荐(0)
在vue组件中style scoped
摘要:在uve组件中我们我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。添加scoped之后,实际上vue在背后做的工作是将当前组件的节点添加一个像data-v-1233这样唯一属性的标识,当然也会给当前style的所有样式添加[data-v-1233]这样的话,就可以使得当 阅读全文
posted @ 2017-07-31 16:10 鱼大饼 阅读(594) 评论(0) 推荐(0)
vue-cli ESlint
摘要:ESLint简介 关于ESLint的介绍网上很多,这里就简单说些有用的。 ESLint的作用是检查代码错误和统一代码风格的。由于每个人写代码的习惯都会有所不同,所以统一代码风格在团队协作中尤为重要。 vue-cli的eslint相关 vue-cli在init初始化时会询问是否需要添加ESLint,确 阅读全文
posted @ 2017-07-26 18:07 鱼大饼 阅读(1936) 评论(0) 推荐(0)
vue-cli的webpack模板项目配置文件分析(转)
摘要:由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会“太折腾”。 一、文件结构 本文主要分析开发(dev)和构建(build)两个过程涉 阅读全文
posted @ 2017-07-26 16:19 鱼大饼 阅读(197) 评论(0) 推荐(0)
vue-cli结构分析
摘要:|-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- dev-client.js /... 阅读全文
posted @ 2017-07-26 10:08 鱼大饼 阅读(155) 评论(0) 推荐(0)
vue-cli
摘要:安装 vue-cli 安装好了 node,我们可以直接全局安装 vue-cli: 安装完成后,可以使用 vue -V (注意 V 大写)查看是否安装成功。 生成项目 vue init webpack 然后执行 npm install npm run dev 阅读全文
posted @ 2017-07-25 14:29 鱼大饼 阅读(1735) 评论(0) 推荐(0)
vuex1
摘要:Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解为原来点击触发的事件统一交到vuex里面管理了。methods只提供事件函数,具体的业务逻辑到vuex里面 阅读全文
posted @ 2017-07-21 23:35 鱼大饼 阅读(246) 评论(0) 推荐(0)
学习vue5_组件
摘要:<ul> , <ol>, <table> , <select> 限制了能被它包裹的元素, <option> 只能出现在其它元素内部。 在自定义组件中使用这些受限制的元素时会导致一些问题,例如: <table> <my-row></my-row> </table> 自定义组件 <my-row> 被认为 阅读全文
posted @ 2017-06-12 11:36 鱼大饼 阅读(341) 评论(0) 推荐(0)
学习vue4_input
摘要://<!-- 当选中时,`picked` 为字符串 "a" --> <input type="radio" v-model="picked" value="a"> //<!-- `toggle` 为 true 或 false --> <input type="checkbox" v-model="t 阅读全文
posted @ 2017-06-12 11:35 鱼大饼 阅读(144) 评论(0) 推荐(0)
学习vue3
摘要:<p>{{ message }}</p> <input v-model="message"> 双向绑定 data:{ message:'AAA' } <span v-once>This will never change: {{ msg }}</span> v-once 只显示一次 再次改变msg的 阅读全文
posted @ 2017-06-12 11:34 鱼大饼 阅读(248) 评论(0) 推荐(0)
学习vue2
摘要:按键修饰符 .enter .tab .delete (捕获 “删除” 和 “退格” 键) .esc .space .up .down .left .right .ctrl .alt .shift .meta 阅读全文
posted @ 2017-06-12 11:34 鱼大饼 阅读(126) 评论(0) 推荐(0)