![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 72
Jasivc
这个作者很懒,什么都没留下…
展开
-
Vue2.X Vue-CLI简介
Vue2.x Vue-CLI简介写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江什么是Vue-CLI(Command Line Interface)?Vue-CLI是vue官方提供的脚手架工具,默认已经帮我们搭建好了一套利用webpack管理vue的项目结构如何安装Vue-cli和使用Vue-CLI?安装脚手架工具: npm原创 2021-03-18 22:56:48 · 241 阅读 · 0 评论 -
Vue2.X Vue获取DOM
Vue2.x Vue获取DOM写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江Vue特殊特性Vue特点: 数据驱动界面更新, 无需操作DOM来更新界面也就是说Vue不推荐我们直接操作DOM, 但是在企业开发中有时候我们确实需要拿到DOM操作DOM那么如果不推荐使用原生的语法获取DOM, 我们应该如何获取DOM?在Vue中如果原创 2021-03-18 22:49:17 · 420 阅读 · 0 评论 -
Vue2.X Vue生命周期方法
Vue2.x Vue生命周期方法写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江什么是生命周期方法?和wbpack生命周期方法一样, 都是在从生到死的特定阶段调用的方法PS: 生命周期钩子 = 生命周期函数 = 生命周期事件Vue生命周期方法分类1、创建期间的生命周期方法beforeCreate:在调用beforeCre原创 2021-03-18 22:47:41 · 104 阅读 · 0 评论 -
Vue2.X Vue渲染组件
Vue2.x Vue渲染组件写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江Vue渲染组件的两种方式1、先定义注册组件, 然后在Vue实例中当做标签来使用2、先定义注册组件, 然后通过Vue实例的render方法来渲染两种渲染方法的区别1、当做标签来渲染, 不会覆盖Vue实例控制区域2、通过render方法来渲染, 会覆盖原创 2021-03-18 22:34:33 · 340 阅读 · 0 评论 -
Vue2.X VueRouter
Vue2.x VueRouterVueRouter 基本使用VueRouter router-linkVueRouter 传递参数VueRouter 嵌套路由VueRouter 命名视图VueRouter Watch 属性写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江VueRouter 基本使用html代码:vue代码:原创 2021-03-18 22:26:05 · 136 阅读 · 0 评论 -
Vue2.X Vuex
Vue2.x Vuex写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江html代码:<div id="app"> <!-- 3.使用注册好的组件--> <abc></abc></div>vue代码:// 1.创建组件构造器let Profile原创 2021-03-18 01:16:21 · 159 阅读 · 0 评论 -
Vue2.X 自定义组件
Vue2.x 自定义组件自定义全局组件Vue中如何创建组件?创建组件的其它方式 - 组件模板自定义局部组件写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江Vue两大核心:数据驱动界面改变组件化什么是组件?在前端开发中组件就是把一个很大的界面拆分为多个小的界面, 每一个小的界面就是一个组件什么是组件化?将大界面拆分成小原创 2021-03-18 00:28:22 · 1113 阅读 · 0 评论 -
Vue2.X 过渡动画
Vue2.x 过渡动画给Vue控制的元素添加过渡动画给多个不同元素指定不同过渡动画保存过渡动画最终的效果第三方框架实现过渡动画自定义类名动画配合Animate.css实现过渡动画v-for 在过渡动画中使用同时给多个元素添加过渡动画解决过渡动画混乱写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江给Vue控制的元素添加过渡动画如何给原创 2021-03-17 23:58:55 · 252 阅读 · 0 评论 -
Vue2.X 过滤器
Vue2.x 过滤器自定义全局过滤器自定义局部过滤器自定义过滤器注意点写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江自定义全局过滤器什么是过滤器?过滤器和函数和计算属性一样都是用来处理数据的但是过滤器一般用于格式化插入的文本数据如何自定义全局过滤器Vue.filter("过滤器名称", 过滤器处理函数):如何使用全局过原创 2021-03-17 23:24:13 · 190 阅读 · 0 评论 -
Vue2.X 计算属性和函数
Vue2.x 计算属性和函数写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江计算属性和函数通过计算属性我们能拿到处理后的数据, 但是通过函数我们也能拿到处理后的数据那么计算属性和函数有什么区别呢?1、函数"不会"将计算的结果缓存起来, 每一次访问都会重新求值2、计算属性"会"将计算的结果缓存起来, 只要数据没有发生变化, 就原创 2021-03-17 23:11:39 · 437 阅读 · 0 评论 -
Vue2.X 计算属性
Vue2.x 计算属性写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江插值语法特点可以在{{}}中编写合法的JavaScript表达式在插值语法中编写JavaScript表达式缺点1、没有代码提示2、语句过于复杂不利于我们维护如何解决?对于任何复杂逻辑,你都应当使用计算属性注意点:虽然在定义计算属性的时候是通过一个函原创 2021-03-17 23:06:30 · 149 阅读 · 0 评论 -
Vue2.X 常用指令
Vue2.x 数据双向传递v-once 指令v-cloak 指令v-text 指令 和 v-html 指令v-if 指令v-show 指令写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江1.什么是指令?指令就是Vue内部提供的一些自定义属性,这些属性中封装好了Vue内部实现的一些功能只要使用这些指令就可以使用Vue中实现的这些原创 2021-03-17 23:05:31 · 832 阅读 · 0 评论 -
Vue2.X 数据双向传递
Vue2.x 数据双向传递写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江1.Vue调试工具安装如果你能打开谷歌插件商店, 直接在线安装即可https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh原创 2021-03-16 10:51:59 · 73 阅读 · 0 评论 -
Vue2.X 数据单向绑定
Vue2.x 数据单向绑定写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江1.MVVM设计模式在MVVM设计模式中由3个部分组成M : Model数据模型(保存数据, 处理数据业务逻辑)V : View视图(展示数据, 与用户交互)VM: View Model数据模型和视图的桥梁(M是中国人, V是美国人, VM就是翻译)原创 2021-03-16 10:47:35 · 114 阅读 · 0 评论 -
Vue2.X 基础模板
Vue2.x 基础模板写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!学习来源: Vue + Vue-Cli 快速入门教程李南江老师各平台账号:微博:极客江南微信公众号:李南江腾讯课堂: 李南江网易云课堂:李南江1.下载导入Vue.js<script src="js/vue.js"></script>2.创建一个Vue的实例对象let vue = new Vue({});3.告诉Vue的实例对象, 将来需要控制界面上的哪个区域le原创 2021-03-16 10:40:49 · 169 阅读 · 0 评论 -
Vue2.X 认识
Vue2.x 开篇1.什么是Vue?Vue.js 是一套构建用户界面的框架,它不仅易于上手,还可以与其它第三方库整合(Swiper、IScroll、…)。2.框架和库的区别?框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重构整个项目。库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。例如:1、从jQuery 切换到 Zepto, 无缝切换2、从IScroll切换到ScrollMagic, 只需要将用到I原创 2021-03-16 10:35:50 · 190 阅读 · 0 评论