![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 64
青春最美,庆幸遇见karry
这个作者很懒,什么都没留下…
展开
-
手写vue 脚手架
手写vue 脚手架项目地址必备模块commander:参数解析 --help借助它inquirer :交互式命令行工具 ,使用可以实现命令行选择功能download-git-repo:在git中下载模板metalsmith:读取所有文件,实现模板渲染consolidate:统一模板引擎git相关知识查看每次提交的信息git log、git show、git show 某个制定的commitId创建tag并与commit建立连接git tag 版本名 commitid原创 2021-11-12 12:16:52 · 597 阅读 · 0 评论 -
vue中的组件切换和切换时的动画
1.第一种切换方式Vue.component('login',{ template:'<h1>登录组件</h1>'})Vue.component('register',{ template:'<h1>注册组件</h1>'})var vm =new Vue({ el:'#app', data:{ flag:true}})<div id="app"> <input type="button" value="登录"原创 2020-11-09 15:46:22 · 140 阅读 · 0 评论 -
vue中私有组件和data
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>创建局部组件</title> <script src="./vue.js"></script&g原创 2020-11-09 14:30:48 · 195 阅读 · 0 评论 -
vue创建全局组件的三种方式
准备首先在JavaScript文件创建好Vue实例对象var vm =new Vue({el:'#app',data:{},methods:{},在HTML里书写id<div id="app"></div>1.创建组件的第一种方式在JavaScript文件创建组件var templ=Vue.extend({ template:'<h1>第一种<h1>'})Vue.component('mycom',templ)在HTML里书原创 2020-11-09 14:19:28 · 164 阅读 · 0 评论 -
vue中的动画
学习目标:vue中的动画学习内容:1、 使用过度类名实现动画2、 自定义v-前缀3、 使用第三方animate4、 使用钩子函数实现半场动画5、使用transition-group实现列表动画6、appear和tag的使用学习产出:1.使用过度类名实现动画v-enterv-enter-activev-enter-tov-leavev-leave-activev-leave-to使用transition包裹控制元素<transition>原创 2020-11-05 15:24:33 · 114 阅读 · 0 评论 -
使用v-resource发送ajax请求
1 知识储备(1)导入v-resource文件 <script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script>(2)发送get请求格式 this.$http.get(地址).then(function(result){})(3)发送post请求格式this.$http.post(地址,数据{},emulateJSON=true).then(function(result){})2 相关原创 2020-10-31 17:23:27 · 176 阅读 · 0 评论