详解自己对Vue.js的理解-tutorial js-php.cn

详解自己对Vue.js的理解

零下一度

Lepaskan： 2017-07-19 17:28:17

asal

2293 orang telah melayarinya

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;}})

Salin selepas log masuk

接下来说一些基础知识：

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

Salin selepas log masuk

　　自定义合并策略的选项。

　　合并策略选项分别接受第一个参数作为父实例，第二个参数为子实例，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 }

Salin selepas log masuk

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