Vue2
关注
分享
扫一扫
文章平均质量分 76
vue
卷心菜007
小刘笔记处
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue基础复习(8)Vue-Cli 3.X脚手架构建项目
vue2.X Vue-Cli 3.x脚手架构建项目 VUE-CLI文档：介绍 | Vue CLI 1. 安装： 全局安装： npm install -g @vue/cli；查看当前版本号：vue -V 问题： 版本更新：安装5.0.1版本 npm install -g @vue/[email protected] 2. 基于Vue-Cli创建项目 (1) 创建默认项目 命令：vue create 项目名称 // vue create vue-demo1 进入cd vue demo1...原创 2022-03-08 18:25:57 · 505 阅读 · 0 评论 -
Vue基础复习(7)Webpack
vue2.X Webpack webpack中文官方文档:webpack中文文档 1. Webpack webpack是一个前端静态模块资源打包工具，根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 2. 安装：全局安装(官方不推荐)： (1) npm i -g [email protected]；npm i -g [email protected]；window + r => 控制板 npm webpack -v查看版本号 ；npm config get p..原创 2022-03-08 18:12:51 · 591 阅读 · 0 评论 -
Vue基础复习(6)vue-router路由管理器
vue2.X vue-router路由管理器 Vue-router是Vue官方的路由管理器,是vue.js的核心深度集成,让构建页面更简单 官方文档：介绍 | Vue Router 1. 路由的基本使用 (1)安装vue模块:初始化:npm init -y 安装Vue:npm i [email protected]安装路由模块:npm install [email protected] (2)router-link:使用一个自定义组件router-link来创建链接。这使得 Vue Router 可以在...原创 2022-03-08 14:53:23 · 369 阅读 · 0 评论 -
Vue基础复习(5)Vue2.X 生命周期和Ajax服务端通信
Vue2.X 生命周期和Ajax服务端通信 1. 生命周期 Vue官方文档:Vue 实例 — Vue.js 生命周期钩子挂载： new Vue({ 或者 new Vue({ el：”#app”, }).$mount(“#app”) }) 生命周期钩子函数: 生命周期分为三大阶段:初始化显示,更新显示,销毁vue实例 (1) 初始化阶段钩子函数: beforeCreated()实例创建...原创 2022-03-08 14:44:01 · 454 阅读 · 0 评论 -
Vue基础复习(4)vue组件化开发
Vue2.X vue组件化开发 组件vue官方文档：组件注册 — Vue.js 组件就是对局部视图的封装，每个组件包含了：HTML结构 CSS样式 JavaScript行为 (methods行为 data数据) 提高开发效率,增强可维护性,更好的解决软件上的高耦合,低内聚,无重用的三大代码问题. Angular、React、Vue都是组件化开发的思想。 组件注册分类:全局注册组件、局部注册组件。 1. 全局注册 一般把网页中特殊的公共部分注册为全局组件:轮播图、分页、通用导航栏。 组件名：可原创 2022-03-08 14:32:22 · 857 阅读 · 0 评论 -
Vue基础复习(3)Vue过滤器及插件
vue2.X Vue过滤器及插件 1. 过滤器 (1) 过滤器没有改变原有数据，只是产生新的对应的数据 (2) 定义过滤器： 全局过滤器： Vue.filter(自定义过滤器名称,function(value1,[value2,....]){ //数据处理 }) 局部过滤器： new Vue({ filters:{ 自定义过滤器名称:function(value1,[value2,....]){ //数据处理 }} }) (3)使用：{{ 数据名|过滤器名}} 和 v-bind...原创 2022-03-08 14:25:47 · 306 阅读 · 0 评论 -
Vue基础复习(2)Vue2.X过渡、动画和自定义指令
vue2.X过渡&动画和自定义指令 transition(过渡) animation(动画) 1. 过渡效果 过渡样式：指定过渡样式：transition 指定隐藏时样式：opacity(持续时间)/其他 transition封装组件，可以给任何元素和组件添加进入/离开过渡 i) 条件渲染使用v-if ii) 条件展示使用v-show 过渡的类名：在进入/离开的过渡中，会有6个class切换 v-enter：定义进入过渡的开始状态 v-enter-active：定义进入过渡生效时的.原创 2022-03-08 12:06:45 · 553 阅读 · 0 评论 -
Vue基础复习(1)Vue2.X核心技术
vue官方文档:https://cn.vuejs.org/v2/guide/ vue2.X核心技术 1. v-model双向绑定事件 npm -y : 出现package.json npm i [email protected]:安装vue <body> <scriptsrc="./node_modules/vue/dist/vue.js"></script> <divid="app"> <!-- 标签体显示数据： {{...原创 2022-03-08 11:32:41 · 351 阅读 · 0 评论