详解自己对Vue.js的理解

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: &#39;#app&#39;,data: {message: &#39;Hello Vue!&#39;}})

接下来说一些基础知识：

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 }

Atas ialah kandungan terperinci 详解自己对Vue.js的理解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn