vue基础day01

框架和库的区别 

　　框架：是一套完整的解决方案；
　　侵入性大 （更换框架，需要重新架构整个项目）
　　库（插件）：提供某一个小功能
　　侵入性小 （某个库无法完成，很容易切换另一个库）

事件修饰符

　　.stop阻止冒泡
　　.prevent 阻止默认事件
　　.captaure添加时间侦听器使用事件捕获模式
　　.self只当事件在该元素本身 触发回调
　　.once事件只触发一次

vue中绑定样式的两种方法

　　使用class样式

　　　　1.数组      直接传递数组，但是需要使用v-bind做数据绑定     <h1 :class='[ 'xx' ]'>
　　　　2.数组中使用三元表达式    使用三元表达式 <h1 :class='[flag?'active':' ']'
　　　　3.数组中嵌套对象      代码更有可读性    <h1 :class="['xx',{'active':flag}]">
　　　　4.直接使用对象

　　内联样式绑定style
注意：像font-size这样中间带-的需要加引号 ‘font-size’:60
可以直接在p h1等上写也可以引用data中的

eval(string)不建议使用

　　函数会将传入的字符串当做 JavaScript 代码进行执行。
　　eval() 的参数是一个字符串。如果字符串表示的是表达式，eval() 会对表达式进行求值。如果参数表示一个或多个 JavaScript 语句，那么eval() 就会执行这些语句。不需要用 eval() 来执行一个算术表达式：因为 JavaScript 可以自动为算术表达式求值
　　如果 eval() 的参数不是字符串， eval() 会将参数原封不动地返回。
　　可以使用一些通用的方法来绕过这个限制，例如使用 toString()
　　缺点

　　eval() 是一个危险的函数， 它使用与调用者相同的权限执行代码。
　　eval() 通常比其他替代方法更慢，因为它必须调用 JS 解释器，而许多其他结构则可被现代 JS 引擎进行优化。