Vue专栏
qq_45923442
这个作者很懒,什么都没留下…
展开
-
Vue(四)、动态组件
将多组件转换成动态组件默认选中一个组件,点击的时候实现多组件的切换;使用compontent标签 :is="" 属性 进行切换(is关键字绑定的属性可识别子组件,注意is关键字绑定的属性值为子组件的变量名字符串)父组件代码:<template> <div class="container"> <div class="row"> &...原创 2020-03-01 01:49:07 · 152 阅读 · 0 评论 -
Vue(三)、使用slot(插槽)传递数据
使用slot(插槽)传递数据父组件引用子组件时加入可编译的代码<app-quote> <!--下面两行可 使用slot 插入到子组件中--> <h2>{{ quoteTitle }}</h2> <p class="childStyle">A wonderful Quote!</p></app-quote...原创 2020-03-01 00:11:00 · 4468 阅读 · 0 评论 -
Vue(二)、组件间通信
组件通信:父组件向子组件传递数据:父组件中定义元素 如job:// 初始化 data 数据data: function () { return { name: 'Jcrest', age: 27, job:{ name:'max', work:'程序员' } };},父组件中子组件标签中定义并绑定数据 如(:job = ...原创 2020-02-29 20:38:45 · 167 阅读 · 0 评论 -
Vue (一)、创建组件
使用 vue-cli 创建 vue 项目:cd 到指定的目录下 命令行输入:vue init webpack-simple <项目名称> 根据提示设置Project name 设置Project description 设置Author 设置License 设置Use sass?cd到刚刚创建的项目名称目录命令行输入:npm install等待安装完成后...原创 2020-02-29 20:34:50 · 172 阅读 · 0 评论