美文网首页
学习vue2.0笔记(第四章下)

学习vue2.0笔记(第四章下)

作者: 这很重要吗 | 来源:发表于2017-05-19 15:53 被阅读0次

js实现过渡:通过v-on事件##

image.png image.png image.png

实例:
最外层index里面引入jq


最外层

监听三个事件


image.png image.png

自定义事件##

自定义一个v-color指令

image.png

通过directives选项,
el:当前元素
binding:对象,绑定的变量等


全局指令,需要写入根组件的实例化内 image.png

细化指令,不同阶段执行不同得到操作


image.png

举个栗子:为input聚焦

例子

插件##

package.json文件中可以查看全部插件
npm安装插件:

image.png

引用

image.png

等同于



注册

image.png

实例化插件, 有的不需实例化,可直接使用


写入根组件


image.png image.png

单文件组件和vue-cli
单文件组件的实现得力于vue-loader+webpack

相关文章

  • 学习vue2.0笔记(第四章下)

    js实现过渡:通过v-on事件## 实例:最外层index里面引入jq 监听三个事件 自定义事件## 自定义一个v...

  • 摄影史|色彩的到来

    自学摄影理论——笔记(11) 《摄影的精神》第四章 在路上(下) 在将要完成第四章的笔记开头,先总结一下摄影发展在...

  • vue2.0学习笔记

    过渡效果

  • vue.js源码学习笔记

    参考:vue.js官网Vue.js 源码学习笔记Vue2.0源代码阅读 文件结构梳理 整体目录 源代码实现目录 模...

  • Vue2.0学习笔记(1)

    一. 下载Vue2.0的两个版本 开发版本(包含完整的警告和调试模式) 生产版本(删除了警告,30.67KB mi...

  • 《学习的学问》 读书笔记2

    《学习的学问》 读书笔记:第四章 第四章持续监控,持续调整,持续精进 监控学习状态。 人是一种特别容易自我感动的动...

  • 《机器学习》西瓜书学习笔记(索引)

    第一章,第二章:《机器学习》西瓜书学习笔记(一) 第三章:《机器学习》西瓜书学习笔记(二) 第四章,第五章:《机器...

  • 学习vue2.0笔记(第四章上)

    推荐用以下方式引入组件 动态组件,修改data里面comtorender的值,可以引入不同的组件 父子组件之间的通...

  • Vue2.0 $router和$route的区别

    使用Vue2.0 router 过程中,会对route 会有混淆,现做笔记记录 一、$router router....

  • vue2.0 mock数据

    最近在学习vue2.0时需要mock本地数据,找到的教程都是在build下的 dev-server.js 配置相应...

网友评论

      本文标题:学习vue2.0笔记(第四章下)

      本文链接:https://www.haomeiwen.com/subject/cvuyxxtx.html