谈谈vue,vue概述
顾名思义，期权就是期权，或者构造期权。是创建vue实例时传入的参数，是一个对象。这个对象包含什么属性？每个属性的含义是什么？本文将带你详细了解其中的奥秘。
:
目录
1.什么是选项？2.包括哪些属性？3.属性EldataMethodsComponents生命周期挂钩入门
1. options 是什么
无论是jQuery.js还是Vue.js都是在js的基础上再次封装的库，需要创建相应的实例来封装相应的操作。比如通过$(div )获取jQuery的div元素实例，也叫jQuery对象。jQuery对象包含所选div元素的各种操作API，因此jQuery实例封装了所选元素的各种操作。
在此基础上，Vue.js封装了视图的所有操作，包括读写数据、监控数据变化、更新DOM元素等。Vue实例也称为Vue对象，是通过新的Vue(选项)创建的。这个Vue实例封装了操作元素视图的所有操作，通过Vue实例可以方便地操作对应区域的视图。
2. 包含哪些属性
options对象有很多具体的可选属性，分为五类，可以在vue.js官网查看，如下：
3.入门属性
el
El属性，也叫挂载点，可以看作是element的缩写。要创建一个vue实例，需要知道在哪个元素上创建Vue实例，操作哪个视图。
有两种方法定义挂载点，挂载就是挂载。
1.设置el属性
新Vue({
埃尔： #app ，
render: h=h(App)
})
2.使用$mount接口
新Vue({
render: h=h(App)
}).$ mount( # app )；
data
数据也叫内部数据，它的值可以是对象，也可以是函数，但首选函数，对象中的函数也叫方法。如果是组件中的数据，则必须使用函数。
之所以首选该函数，是因为当使用同一个options对象作为参数创建多个Vue实例时，如果data属性值是一个对象，options.data属性值会直接赋给Vue实例的属性。使用新的Vue(选项)创建Vue实例时的数据。由于对象的赋值是复制的地址，因此，多个实例的数据属性值都指向同一个对象的地址，所以多个实例将共享一个数据对象。当一个实例改变数据对象时，另一个实例的数据对象也将被改变。
当数据属性值为函数时，Vue在创建实例时会执行data()函数，并将函数执行结果返回的对象赋给。Vue实例的数据属性。每次函数执行返回的对象是不同的对象，所以多个实例的数据属性值对应不同的对象，一个变化不会影响另一个，相互独立。
1.使用对象
数据：{
n: 0
}
2.使用功能
data(){
返回{
n: 0
}
}
methods
方法属性也称为方法。属性值是一个对象，对象中的所有属性都是函数。这些函数可以是用于事件处理的回调函数，也可以是普通函数。其特点是每次呈现页面时都会执行方法，如下所示：
方法：{
add(){
this.n=1
}
}
components
Components就是组件的意思，也是基于模块化概念设计的可复用的Vue实例。有三种使用方法，如下所示：
1.全球注册
全局定义一个组件，它可以在整个项目中随时使用。定义方法如下
Vue.component(我的组件名称，{
//.选择.这一部分与创建vue实例的选项相同。毕竟，组件是一个vue实例。
})
新Vue({ el: #app })
div id=应用程序
我的组件名称/我的组件名称
/div
2.部分注册
//通过普通的JavaScript对象定义组件
var ComponentA={ options }
//然后在组件选项中定义要使用的组件。
新Vue({
埃尔： #app ，
组件：{
Component-a: ComponentA //或者直接在其中定义对象。
组件b: {
//与选项内容相同，但数据必须是函数
}
}
})
div id=应用程序
组分a/组分a
/div
3.模块系统
将组件分成一个*。vue文件，然后通过import导入引用，如下
主页. js
从导入组件a。/ComponentA.vue
新Vue({
埃尔： #app ，
组件：{
组件a:组件a
//在ES6语法中，当属性和属性值相同时，只能写入一个属性。
//ComponentA
}
})
div id=应用程序
组件a/组件a
/div
摘要
推荐使用最终模块系统组件，模块化程度更高，结构更清晰。
完整介绍见vuejs官网-组件。
props
Props也称为外部数据，一般用于接受组件中的外部数据。当组件被使用时，它们通过标记全局属性来传输。以vue.js完整版的介绍为例
HelloWorld.vue
模板
你好
h1{{ msg }}/h1
/div
/模板
脚本
导出默认值{
名称：“HelloWorld”，
道具：{
消息：字符串
}
};
/脚本
数据传输
主页. js
从导入HelloWorld。/HelloWorld.vue
新Vue({
模板：` 1
world msg= hello my world //这样只能传递字符串。
hello world:msg= ms //这是传递变量，即this.ms
//也可用：传递函数名HelloWorld :msg=fn/
`,
数据：{
ms:“你好，我的世界”
},
方法：{
fn(){
.
}
}
})
生命周期钩子
在Vue中，每个状态转换点被称为一个钩子。比如在实例创建之后，实例创建之前，实例创建是一个钩子，对应实例创建之后的beforeCreate两个阶段，即实例创建之前和实例创建之后。以下都是成对出现的，记住一个就好。
这个属性是一个函数，在其对应的周期中被调用。
创建的实例出现在内存中。
页面中将显示已装载的(可以发出数据请求的)实例。
更新的实例已更新。
被销毁的实例从页面和内存中消失了。
以上是Vue选项的详细内容。更多关于Vue选项的信息，请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。