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 · 145 阅读 · 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 · 196 阅读 · 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 · 173 阅读 · 0 评论 -
vue中的动画
学习目标: vue中的动画 学习内容: 1、 使用过度类名实现动画 2、 自定义v-前缀 3、 使用第三方animate 4、 使用钩子函数实现半场动画 5、使用transition-group实现列表动画 6、appear和tag的使用 学习产出: 1.使用过度类名实现动画 v-enter v-enter-active v-enter-to v-leave v-leave-active v-leave-to 使用transition包裹控制元素 <transition>原创 2020-11-05 15:24:33 · 116 阅读 · 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 · 178 阅读 · 0 评论