Vue
文章平均质量分 77
bug小白
学习+记录
展开
-
Vue-cli安装
首先要安装node.jscmd安装vue-clinpm install vue-cli -g --registry=https://registry.npm.taobao.org输出如下:npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/clinpm WARN deprecated request@2.88.2: request has been deprecated, se原创 2020-11-26 10:27:13 · 734 阅读 · 1 评论 -
Vue——内容分发与自定义事件
内容分发 slot事件 $emit调用具体实例:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=原创 2020-11-25 14:54:53 · 222 阅读 · 0 评论 -
Vue计算属性
html文件methods 为方法computed 为属性 会被缓存在浏览器<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,原创 2020-11-25 10:55:58 · 83 阅读 · 0 评论 -
Vue——组件
封装了一个my-li 只要引用 页面就会展示hello<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scal原创 2020-11-25 10:27:24 · 71 阅读 · 0 评论 -
Vue表单输入——数据的双向绑定
html页面数据双向绑定在vue是通过 v-model这个属性来实现的,可以通过修改input里面的值来了解一下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ma原创 2020-11-25 10:11:17 · 315 阅读 · 0 评论 -
Vue——通过axios跨域访问
html页面<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <met原创 2020-11-25 09:58:46 · 149 阅读 · 0 评论 -
Vue——通过axios请求json数据
html文件:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <me原创 2020-11-25 09:19:35 · 3227 阅读 · 0 评论