Vue基础知识
文章平均质量分 77
项目(源代码):https://gitee.com/jasmine-qiqi/vue_basis
jasmine_qiqi
这个作者很懒,什么都没留下…
展开
-
13、Vuex的基本原理
1、什么是vuex2、vue的好处3、适用场景4、五个核心属性6、获取state值的两种方法7、定义和获取mutation的方法原创 2022-04-26 16:48:29 · 1266 阅读 · 1 评论 -
12、vue项目部署到服务器
1、配置环境(开发和生产)2、打包vue项目(npm run build)3、存放到服务器public文件夹中原创 2022-04-12 15:22:09 · 1765 阅读 · 0 评论 -
11、引入与使用ElementUI框架
1、下载:npm install --save element-ui2、引用原创 2022-04-11 17:26:43 · 412 阅读 · 0 评论 -
10、路由(router、localStorage、导航守卫forEach)
1、路由切换(router)2、浏览器存储(localStorage)3、导航守卫(forEach)原创 2022-04-11 17:08:43 · 473 阅读 · 0 评论 -
9、数据双向绑定(v-model)、前后数据交互(http、axios、router)
1、数据双向绑定(v-model)2、前后数据交互(http、axios、router)原创 2022-04-11 14:13:51 · 2636 阅读 · 0 评论 -
8、插槽、DOM操作(虚拟DOM)、过滤器(fliter)
1、插槽2、虚拟DOM3、过滤器Filter(vue2.0)原创 2022-04-11 11:14:03 · 633 阅读 · 0 评论 -
7、Vue实例的生命周期钩子(created、mounted、updated、destoryed)
1、Vue实例new Vue()创建一个Vue实例所有的组件其实都是Vue实例2、Vue实例的生命周期钩子每个Vue实例在被创建时都要经过一系列的初始化过程初始化过程created()组件初始化完成,比较常用mounted()模板已经创建,比较常用updated()模板数据更新destoryed()实例销毁3、生命周期钩子的作用页面加载的时候,主动执行某些程序,提前加载获取数据显示到页面4、通过计时器,模拟一个ajax异步加原创 2022-04-11 10:16:42 · 665 阅读 · 0 评论 -
6、计算属性与侦听器(conputed、watch)
1、计算属性(computed)2、侦听器(watch)3、区别(首选计算属性)原创 2022-04-11 09:04:26 · 217 阅读 · 0 评论 -
5、组件传值(父传子、子传父、同级传值)
1、父传子2、子传父3、同级传值原创 2022-04-10 16:25:35 · 594 阅读 · 0 评论 -
4、组件嵌套(组件命名、引入组件、注册组件、组件传值)
1、组件命名2、引入组件3、注册组件4、组件使用5、组件传值原创 2022-04-10 11:12:22 · 406 阅读 · 0 评论 -
3、指令(v-if与v-for的区别、各种指令的使用)
1、指令2、v-if与v-for的区别3、实例原创 2022-04-10 10:28:14 · 407 阅读 · 0 评论 -
2、创建Vue项目(项目文件作用、组件化思路、main.js文件、template网页模板)
1、全局安装Vue,配置环境2、创建Vue项目3、开启Vue项目4、项目文件作用5、Vue组件化思路 6、main.js文件:导入第三方模块,创建Vue实例 7、template网页模板(编写html文件)原创 2022-04-10 09:14:46 · 328 阅读 · 0 评论 -
1、引入Vue项目(直接引入、创建步骤、绑定文本/属性/方法)
1、绑定文本{{}}2、绑定属性v-bind3、绑定方法v-on(@click)原创 2022-04-10 08:55:42 · 779 阅读 · 0 评论