
Vue.js
明扬.
这个作者很懒,什么都没留下…
展开
-
Vue 中简易的组件例子
<body> <div id="box"> <aaa> </aaa> </div> <script> //子组件的内容 var bbb={ template: '<h2>我是bbb组件&原创 2018-09-12 09:53:15 · 541 阅读 · 0 评论 -
Vue提供的过滤器
延迟执行过滤器: debounce 延迟2000毫秒来执行这个函数 当键盘起来时两秒出现显示1的弹框数据配合使用的过滤器(数组): 1 .limite (小编是这么理解的:后台给我100条数据,但是我只需要50条数据) ...原创 2018-10-10 15:35:56 · 279 阅读 · 0 评论 -
Vue中循环重复的数据 V-for
按一次添加可以添加的上 ,但是想要重复添加时 是不能重复的 并且会出现警告 解决方法===》原创 2018-10-10 11:43:58 · 7511 阅读 · 0 评论 -
Vue中的计算属性的使用
computed==》是属性,但是是函数的写法,最终取决的的是他的return ,不给return时,是没有值得 可以放业务逻辑代码 和data不一样 data和computed 都是属性 computed里面是可以放置一些业务逻辑的代码,一定记得return 而data里面是不可以的 完整的方法如下:-----------...原创 2018-10-10 11:23:53 · 5367 阅读 · 0 评论 -
Vue项目中加载速度慢会看见花括号时的解决方案
1. 指令 v-cloak====》 防止闪烁(用在比较大的段落)属性选择器=====》原创 2018-10-10 11:02:08 · 1451 阅读 · 0 评论 -
Vue生存周期的理解
专业术语:钩子函数 1. created:实例已将创建的时候 (就是new Vue成功了以后)它就执行 创建完后就可以执行 2.编译分两个阶段: a. beforeCompile :编译之前 就是实例创建玩了在你编译之前出来(准备编译)...原创 2018-10-10 10:54:23 · 254 阅读 · 0 评论 -
Vue-cli(脚手架)编辑项目
打开项目文件==》 1.build:主要用来配置构建项目以及webpack2.config:项目开发配置3.npm或者cnpm所下载的依赖包4.你的源代码5.静态文件夹,webpack打包时不会打包这里文件6.最外层的页面一般title等都设置在这里7.存放你要npm依赖包的json数据...原创 2018-10-09 11:21:13 · 208 阅读 · 0 评论 -
如何搭建Vue脚手架
1.什么是脚手架 对于新手来说,就是通过一套命令下来,快捷的创建好vue项目的目录结构,直接在改目录结构下进行后续的开发(小编这句话也是在网上查看到的,然后觉得这句话便于理解)2.如何而搭建脚手架 第一步: 打开CMD 如果在CMD操作不了一下操作 可以打开node.js里面有 ...原创 2018-10-09 10:56:44 · 750 阅读 · 0 评论 -
使用Vue来制作简易的小例子(添加删除表)+bootstrap来做样式
展示图: 代码如下:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> &l原创 2018-09-26 17:33:21 · 303 阅读 · 0 评论 -
学习Vue.js(一)
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title><原创 2018-09-10 11:54:40 · 178 阅读 · 0 评论 -
Vue.js中V-for如何遍历数组 以及 json
数组遍历 其中{{$index}} 显示索引 只能在Vue1.0中使用 <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-eq...原创 2018-09-12 15:51:59 · 17617 阅读 · 1 评论 -
Vue中自定义指令
自定义指令的语法: 注意:自定义指令名称的时候 v-要去掉 =====》原创 2018-10-10 15:42:21 · 329 阅读 · 0 评论