随笔分类 - Vue学习
Vue学习记录
摘要:element ui 官网安装教程 "地址" 安装element ui npm install element ui s 安装 babel plugin component 插件,实现按需导入 npm install babel plugin component D 1. 然后,在 文件添加如下代码
阅读全文
摘要:笔记本很久没有更新node了,结果这次配置环境,竟然一波三折 Node,npm版本太久,导致webpack, vue cli安装失败 解决办法:更新 "node.js" , 更新npm命令: 接下来就是一帆风顺的时刻,安装webpack: 命令: 安装 vue cli 脚手架 安装完成, 可以查看
阅读全文
摘要:前言 本文是基于 "Vue axios 读取api.github.com展示用户信息" 功能原理的简单介绍,由于初学Vue有太多的不懂,导致数据展示以及Vue data数据的提取和传递造成了巨大的阻碍,在这里分享一些过程。 Vue作为一个没有入侵性的框架,并不限制你使用ajax框架。 使用了Vue后
阅读全文
摘要:Vue组件的props是用来传值的 这里是官方 "链接" 讨厌的东西就出在这行代码,一个组件的 调用同级别的组件 然后使用 传值,结果是行不通的,并且没有报错!虽然,明知道是什么问题,可是还是令我感到不舒服。 测试代码:
阅读全文
摘要:v on 绑定事件监听器 。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句,如果没有修饰符也可以省略。 用在普通元素上时,只能监 听原生 DOM 事件 。用在自定义元素组件上时,也可以监听子组件触发的 自定义事件 。 在监听原生 DOM 事件时,方法以事件为唯一的参数。如果使用内联语句
阅读全文
摘要:v bind比较简单 v bind绑定数据和元素属性 快捷写法,一个冒号 v bind绑定class 甚至我们可以给它设置一个开关 isShow为true or false 练习demo:
阅读全文
摘要:第一个Vue 引入js: 创建Vue app: el==element后面接标签 id data是Vue的存数据的地方,多个属性用 隔开 显示: 使用 形式,展示值 顺便简单了解了 的简单用法。 完整demo: 如图:
阅读全文