vue.js
关注
分享
扫一扫
cbl1369732
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue-router相关知识整理(非常详细)
今天学习了一下vue router相关知识，了解了vue-router的基本使用，vue-router的懒加载写法，vue路由的嵌套，vue-router参数传递，vue路由的$router和$route的区别，vue路由的全局导航守卫等知识，今天就跟大家分享下。 一：vue-router的基本使用 前期准备：需要安装node.js，npm等工具，安装好vue-cli脚手架之后，使用vue i...原创 2020-02-03 22:35:24 · 758 阅读 · 0 评论 -
vue.js插槽slot的相关使用
1.插槽slot的基本使用，插槽的使用目的是预留一个地方给其他人有自己的实现方式 如果你想在模板中有一部分需要预留出来就使用slot标签，如果你想写自己的实现代码你就在子组件的标签中写自己的实现内容： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...原创 2020-02-02 09:27:08 · 263 阅读 · 0 评论 -
vue.js父组件访问子组件对象的方式
方式有两种： 1.通过$.children的方式，这种方式一般是用在获取所有的子组件的情况下使用 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...原创 2020-02-01 22:12:13 · 855 阅读 · 0 评论 -
vue.js父子组件通信
今天我们来看下vue.js的父子组件之间的通信问题 在vue.js中，子组件是不能直接访问父组件的属性的，需要使用props来传递数据 举个例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co...原创 2020-02-01 20:25:48 · 188 阅读 · 0 评论 -
vue.js的v-model原理
v-model实现双向绑定： 代码示例如下： 如上所示改变输入框的值，对应的message也会对应修改 如上所示如果直接修改message的值，输入框的值也会相应修改 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met...原创 2020-02-01 14:42:33 · 473 阅读 · 0 评论