vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,vue 采用自底向上增量开发的设计。vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 vue 生态系统支持的库结合使用时,vue 也完全能够为复杂的单页应用程序提供驱动。
如果你是有经验的前端开发者,想知道 vue.js 与其它库/框架的区别,查看对比其它框架。
特点:
1、简洁:html模j板 + json数据 + vue实例
2、数据驱动:自动追踪以来的模板表达式和机选属性
3、组件化:用可解耦,可复用的组件来构造世界
4、轻量:精确有效的异步批量dom更新
5、模块友好:通过npm或bower安装,无缝融入你的工作流。
兼容性:
vue.js不支持ie8以下的版本,vue.js使用了ie8不支持的ascript5特性。
声明式渲染
vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 dom:
<
div id="app">{{ message }}</div>
var app = new vue({el: '#app',data: {message: 'hello vue!'}})
接下来说一些基础知识:
1、全局配置
vue.config 是一个对象,包含vue的全局配置,可以再启动应用之前修改下列属性。
#slient
类型:boolean
默认值:false
用法:
vue.config.slient = true;
取消vue所有的日志与警告
#optionmergestrategies
类型:{[key:string]:function}
默认值:{}
用法:
1 vue.config.optionmergestrategies._my_option = function (parent, child, vm) {2 return child + 13 }4 const profile = vue.extend({5 _my_option: 16 })7 // profile.options._my_option = 2
自定义合并策略的选项。
合并策略选项分别接受第一个参数作为父实例,第二个参数为子实例,vue实例上下文被作为第三个参数传入。
#devtools类型: boolean
默认值: true (生产版为 false)
用法:
// 务必在加载 vue 之后,立即同步设置以下内容
vue.config.devtools = true
配置是否允许 vue-devtools 检查代码。开发版本默认为 true,生产版本默认为 false。生产版本设为 true 可以启用检查
#errorhandel
类型:function
默认值:undefind
用法:
1 vue.config.errorhandler = function (err, vm, info) {2 // handle error3 // `info` 是 vue 特定的错误信息,比如错误所在的生命周期钩子4 // 只在 2.2.0+ 可用5 }
以上就是详解自己对vue.js的理解的详细内容。