首页 > TAG信息列表 > Vue2.5

关于Vue2.5 less 版本过高

npm install -g @vue/cli-init # `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同 vue init webpack my-project按照官方文档构建基于vue2.5的脚手架后，采用less 方式构建样式需要安装 npm install less less-loader 默认会安装高于      "less": "^3.0.4",     "less-loa

Vue2.5 去哪儿App项目学习【一】

项目前期准备 安装Node.js 安装vue-cli 脚手架构建工具 使用vue-cli脚手架创建工程 vue-cli创建的项目目录结构 了解多页应用与单页应用 多页应用   多页应用由多个完整页面构成，每次页面跳转，后台都会返回一个新的HTML文档。 页面切换慢是因为每一次切换页面都需要发起一个HT

Vue2.5开发去哪儿网App 从零基础入门到实战项目之6-1 Vue项目预热 - 环境配置

6-1 Vue项目预热 - 环境配置 1.安装nodeJSnodeJS v7.10.1 2021.2月 我的版本是 node -v 14.15.4推荐了gitee.com Dell-Lee 的gitee站点: gitee.com/dell-lee/events 2.安装git 相关命令:git --version看9:15秒的命令 3.推荐了到gitee.com注册帐号 4.当在gitee上注册好,并网上

Vue2.5 旅游项目实例15 城市选择页-兄弟组件数据传递

在城市列表页，我们想实现点击右侧的字母表，左侧城市列表会自动的滚动到对应的字母显示区域之中。 创建分支：city-components 拉取到本地并切换分支： git pull git checkout city-components 打开Alphabet.vue文件，给li添加一个点击事件： <li class="item" @click="handleClick"

Vue2.5 旅游项目实例7 首页-周末游区域代码

新建Weekend.vue文件，并添加到Home.vue里 <template> <div> <home-header></home-header> <home-swiper></home-swiper> <home-icons></home-icons> <home-recommend></home-recommend> <home-weekend>&

vue2.5+基础

<!DOCTYPE html> <html> <head> <title>vue</title> <!-- <script src="./vue.js"></script> --> <script src="http://cdn.staticfile.org/vue/2.6.10/vue.common.dev.js"></scri

【教程分享】Vue2.5开发去哪儿网App 从零基础入门到实战项目

下载地址 链接：https://pan.baidu.com/s/1lgxyPfarT1Gb-haNO4UW9A 提取码：6wch

Vue2.5入门-3

安装和使用 全局安装vue npm install --global vue-cli 创建基于webpack模板的新项目 vue init webpack my-project 安装依赖 cd my-project npm run dev 测试代码 父组件可以通过属性的方式向子组件传值，:content App.vue <template> <div> <div> <input v-model="inputValu

Vue2.5入门-1

vue如何引用和使用，实例和挂在点的介绍 <!DOCTYPE html> <html> <head> <title>vue 入门</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head> <body> <div id="root"> /

Vue2.5开发去哪儿网App 详情页面开发

一，banner 图的设计 1. 新建detail的路由   import Detail from '@/pages/detail/Detail'...... { path: '/detail', name: 'Detail', component: Detail }   Detail.vue <template> <div> <detail-banner&g

二.Vue2.5开发去哪儿网app城市列表页④——字母表随下拉而变换（兄弟组件间的联动）

当我们处理兄弟组件时，可以让一个组件的数据给父组件，然后让父组件的这个数据传递给另一个组件 设置Alphabet子组件，当其一个字母被点击时向外触发一个change事件，并携带它的文本内容 <template> <ul class="list"> <li class="item" v-for="(item, key) of cities" :key="ke

Vue2.5开发去哪儿网App 第四章笔记 下

1.解决非父子组件之间的传值问题 非父子组件传值(Bus/总线/发布订阅模式/观察者模式) 给 Vue类上挂在一个属性，然后创建vue实例时，实例就拥有了这个属性 Vue.prototype.bus = new Vue();//发送 this.bus.$emit('change',this.selfContent); //监听 this.bus.$on('change',function (

二.Vue2.5开发去哪儿网app城市列表页①——城市选择页面路由配置

在pages文件夹下新建city文件夹用于存放city组件和其子组件 路由更新，这里注意city的路径是path: '/city'，不再是首页的路径 import Vue from 'vue' import Router from 'vue-router' import Home from '@/pages/home/Home' import City from '@/pages/city/City'

Vue2.5开发去哪儿网App 第三章笔记 上

1.  vue 生命周期函数 　　每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些 生命周期钩子 ，这就给我们提供了执行自定义逻辑的机会   生命