狂神Vue学习
文章平均质量分 87
学而知不足~
这个作者很懒,什么都没留下…
展开
-
狂神Vue学习05:第一个Vue-cli项目、webpack的学习、Vue-router
第一个Vue-cli项目什么是vue-clivue-cli是官方提供的一个脚手架,用于快速生成一个vue的项目模板预先定义好的目录结构及基础代码,就好比在创建Maven项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,让开发更为快速主要的功能:统一的目录结构本地调试热部署单元测试集成打包上线需要的环境Node.js:无脑安装到环境目录下Git镜像确认nodejs安装成功cmd下输入node -v查看是否能过正确打印出版本号即可cmd下输入npm -v查看是否能过正原创 2022-04-16 23:40:56 · 121 阅读 · 0 评论 -
狂神Vue学习04:插槽slot、自定义事件内容分发
插槽slot在Vue.js中我们使用< slot >元素作为承载分发内容的出口,作者称之为插槽,可以应用在组合组件的场景中测试准备制作一个待办事项组件(todo),该组件由待办标题(todo-title)和待办内容(todo-items)组成,但这三个组件又是相互独立的,该怎么操作呢<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title原创 2022-04-16 14:50:33 · 1107 阅读 · 0 评论 -
狂神Vue学习03:Vue组件、网络通信、Vue的生命周期、计算属性
什么是组件组件就是可复用的Vue实例,说白了就是一组可以重复使用的模板,跟JSTL的自定义标签、Thymeleaf的th:fragment等框架有着异曲同工之妙。通常一个应用会以一颗嵌套的组件树的形式来组织例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它像导航链接、博文之类的组件Vue组件注意:在实际开发中,我们并不会用以下方式开发组件,而是采用vue-cli创建.vue模板文件的方式开发,以下方式只是为了让大家理解什么是组件使用Vue.component()方法注册组件<原创 2022-04-14 22:07:27 · 1361 阅读 · 1 评论 -
狂神Vue学习02:Vue基本语法、双向绑定
Vue基本语法我们已经成功创建了第一个Vue应用。看起来这跟渲染一个字符串模板非常类似,但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联,所有东西都是响应式的。我们在控制台操作对象的属性,界面可以实时更新v-bind...原创 2022-04-14 17:52:16 · 623 阅读 · 0 评论 -
狂神Vue学习01:Vue概念及第一个Vue程序
概念什么是VueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,所谓渐进式就是逐步实现新特性的意思,如实现模块化开发、路由、状态管理等新特性。综合了Angular(模块化)和React(虚拟DOM)的有点与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。因为Vue的边界很明确,就是为了处理DOM,所以不具备通信能力,此时就需要额外使用一个通信框架与服务器交互,常用Axios;原创 2022-04-13 23:43:25 · 432 阅读 · 0 评论