- 博客(10)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 Vue实践之--非父子组件通信
说完了父子组件的通信，是通过props和$emit来实现的，那么非父子组件之间的通信又如何呢？有以下3种方式：bus总线，父链和子组件的索引；bus总线HTML部分： {{message}} javascript部分：var bus = new Vue();//bus（中央事件总线） //组件 Vue.component("my-component",{
2017-12-21 12:29:55
338
原创 Javscript高级程序设计之-Chapter3总结
1.变量名采用驼峰命名法（以字母、下划线、$开头）；js的严格模式，浏览器引擎解析更加严格，杜绝不规范的操作行为，激活方式如下（默认是不激活的）：1. js文件整体用严格模式：在文件头部添加"use strict"; 2.在函数体内，只需要在函数体内添加"use strict";
2017-12-20 12:40:32
321
原创 Vue实践--v-model在组件中的应用
父组件既可以绑定自定义事件也可以绑定原生事件，只需要在事件名后加.native修饰符即可，例如HTML部分: JS部分：var myApp = new Vue({ el:"#container", data:{ sum:1, initNum:3 }, methods:{ // 这里的t就是从this.$emit("geta
2017-12-19 12:46:26
1761
原创 js作用域中的那些事儿（you don‘t know javascript）
在《你不知道的javascript（上）》中，了解到javascript在代码执行前会先对代码进行编译，引擎查找变量的过程中提到了LHS查询和RHS查询两个概念，下面就简单谈一下自己对其的理解：LHS查询：在查找变量中，如果查找的目的是为了给变量赋值（“=”），就会执行LHS查询。RHS查询：在查找变量中，如果查找的目的是为了找到该变量是啥，就会执行RHS查询。那么什么是作用域呢,作用
2017-12-16 16:35:21
299
原创 Vue实践--父子组件间的通信（未完待续）
父子组件间的通信（在这里父组件就是你自定义的标签，子组件就是父组件template里面的内容），父组件通过props选项向子组件传递参数或数据，子组件接收到参数后根据参数的不同来执行不同的操作。也就是说，在组件中使用props选项来声明需要从父组件接受的数据（通俗点说就是，组件在注册的时候通过props选项声明子组件（template所指）需要从父组件中接受的数据），props选项的值可以是字符串
2017-12-12 14:19:29
503
原创 Vue实践--初识组件
组件是Vue.js的核心，因为组件可以复用，能够做到一套代码，在任何地方都可以用，所以维护的成本大大缩小。Vue的组件在复用的时候是相互独立的；Vue组件的使用：先注册（局部注册/全局注册）,后使用,而且要在实例创建前注册（new之前）；注册也分为全局注册和局部注册，下面来说一下两者的区别...全局注册：在全局的vue环境中均可以使用（相当于全局变量一样），注册方法：使用Vue
2017-12-12 13:35:15
235
原创 Vuejs实践--v-model
v-model用于表单类元素的双向绑定数据：既然是双向，也就是说当表单元素的值（value）发生变化后，会导致绑定的Vue数据发生变化。例如：v-model绑定输入框：JS部分var myApp = new Vue({ el:"#container",//指定关联的元素 data:{//用来存储数据 context:"", placehode:"
2017-12-09 13:23:57
1356
原创 Vuejs实践--事件绑定
Vue中的事件绑定一般通过v-on指令来绑定事件：事件绑定v-on：事件绑定的表达式的值可以是js语句，也可以是在methods选项中定义好的方法名(有参数的时候当然需要传参),在vue事件中，默认是含有事件对象e的，只不过在methods中定义函数的时候要将其作为形参传进去，在通过v-on调用该方法的时候，就不必写实参$event了 （如果要用的话），这个e包含了一些事件常用的信
2017-12-05 13:39:37
3030
原创 Vue实践--V-for指令
当需要将一个数组或者对象循环遍历显示的时候可以使用v-for指令，其值类似于item in items；其中items是数组或者对象，item自然就是其中的一项，in 也可使用 of。当遍历数组的时候有一个可选项index，是当前项的索引 类似与 v-for = (item,[index]) in items; {{index}}.{{book.bookName}}
2017-12-04 12:59:13
10434
原创 Vuejs的其他指令
v-cloak指令：说白了就是让用户看不到渲染的过程（解决闪屏现象--先出现模板然后才渲染出来页面的过程），当然一般还是要配合css：display：none的才起作用，常放在根元素上HTML部分 {{tasks}} {{tasks}}的感觉真好 点我 点我切换内容 文本 邮箱
2017-12-04 12:49:05
413
CSS揭秘.pdf
2017-10-02
HTML5高级程序设计(完整清晰版)
2017-10-02
你不知道的JavaScript（上卷）
2017-10-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人