说明
这一部分是针对于vue1进行的一些补充。这是看了视频VUE全家桶做的一些补充。
- 声明式编程:
- 模板的结构和最终显示的效果基本一致
模板语法
指令
- v-cloak背后的原理:先通过样式隐藏内容,然后再内存中进行值的替换,替换好以后再显示最终的结果
- v-text 相比较v-cloak更加简洁
- v-html 不安全,本站内部数据可以使用,来自第三方数据不可使用
- v-pre 显示原始信息,跳过编译过程
never say never
ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这称为解构
。
以前为变量赋值只能直接指定值:
1 | var a = 1; |
ES6允许写成这样:
1 | var [a,b,c] = [1,2,3]; |
可以表示,可以从数组中提取值,按照对应位置,对变量赋值。
本质上,这种写法属于“模式匹配”,只要等号两边的模式相同左边的变量就会被赋予对应的值。
Babel是一个广泛使用的ES6转码器,可以将ES6代码转换为ES5代码,从而在浏览器或其他环境中执行。
1 | //转码前 |
上面的原始代码使用了箭头函数,这个特性还没有得到广泛支持,Babel将其转换为普通函数,就能在现有的js环境执行里面。
Babel自带一个babel-node命令。提供支持ES6的REPL环境。它支持node的PERL环境的所有功能,而且可以直接运行ES6代码。
概念:
vuex是Vue配套的公共数据管理工具,它可以把一些共享的数据,保存到vuex中,方便整个程序中的任何组件直接获取或者修改我们的公共数据。
vuex是为了保存组件之间共享数据而诞生的,如果组件之间有要共享的数据,可以直接挂载到vuex中,而不必通过父子组件之间传值了,如果组件的数据不需要共享,此时这些不需要共享的私有数据,没有必要传到vuex;
只有共享的数据,才有权力放到vuex中去,组件内部私有的数据,只要放到组件的data中即可
1 | //需求:你要封装一个方法,我给你一个要读取文件的路径,你这个方法能帮我读取文件,并把内容返回给我 |