Vue.js基础

Vue.js是什么?

  Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。html

特点:

  1、简洁:HTML模j板 + json数据 + Vue实例

  2、数据驱动:自动追踪以来的模板表达式和机选属性

  3、组件化:用可解耦,可复用的组件来构造世界

  4、轻量:精确有效的异步批量Dom更新

  5、模块友好:通过npm或bower安装,无缝融入你的工作流。

兼容性:

  Vue.js不支持IE8以下的版本,Vue.js使用了IE8不支持的AScript5特性。

接下来说一些基础知识:

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 + 1
3 }
4 const Profile = Vue.extend({
5   _my_option: 1
6 })
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 error
3   // `info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子
4   // 只在 2.2.0+ 可用
5 }

暂时些到这里啦。。

原文地址:https://www.cnblogs.com/user-5253/p/7124546.html