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 · 658 阅读 · 0 评论 -
vue.js插槽slot的相关使用
1.插槽slot的基本使用,插槽的使用目的是预留一个地方给其他人有自己的实现方式如果你想在模板中有一部分需要预留出来就使用slot标签,如果你想写自己的实现代码你就在子组件的标签中写自己的实现内容:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2020-02-02 09:27:08 · 216 阅读 · 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 · 798 阅读 · 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 · 143 阅读 · 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 · 422 阅读 · 0 评论