随笔分类 - Vue
Vue项目
摘要：省市区三级联动 有疑问可加群讨论：854184700 <div id="example"> <select v-model="prov"> <option v-for="option in arrAll" :value="option.name" @change="updateCity" > {{
阅读全文
摘要：vue-cli2.x与vue-cli3.x的搭建 搭建前提条件一、node环境（这里不详细介绍）二、安装webpack 运行npm install webpack -g三、安装vue-cli 2.x npm install vue-cli -g 创建项目：vue init webpack 项目名（不
阅读全文
摘要：vue轮播，展示pdf 根据左侧图片格式，右侧展示相应的pdf文件与图片。（vue中不支持pdf格式，pdf文件要放在static文件里）；代码如下： 1 <template> 2 <!-- 户图件展示 --> 3 <div id="houseImgBox"> 4 <!-- 左侧img图片 -->
阅读全文
摘要：vue事件修饰符(once:prev:stop) stop修饰符 效果如下： 当你鼠标在这个div里的时候，x与y的值；会随着鼠标的变化而变化。但是当鼠标放在stopMoving的时候，x与y的值是不会变化的；因为采用了阻止冒泡事件；或者也可以采用我注释了的那个方法。代码如下： 1 <templat
阅读全文
摘要：vue实现轮播效果 效果如下：（不好意思，图有点大；） 功能：点击左侧图片，右侧出现相应的图片；同时左侧边框变颜色。 代码如下：（也可以直接下载文件） <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>test
阅读全文
摘要：vue入门例子 1、声明示渲染 {{message}} 2、绑定事件 v-bind 3、控制切换一个程序是否显示 v-if 4、渲染循环 v-for 5、点击事件 v-on 6、双向数据绑定 v-model 一、声明示渲染 {{message}} 例： 1 <template> 2 <div id=
阅读全文
摘要：Vue环境搭建及第一个helloWorld 一、环境搭建 1、node.js环境安装配置 https://www.cnblogs.com/liuqiyun/p/8133904.html 或者 https://www.jianshu.com/p/13f45e24b1de 2、安装vue（命令在命令行输
阅读全文
