新闻资讯

莆田隔热条PA66厂家 Vue 2. 基础详备

发布日期:2026-01-18 00:25 点击次数:118
塑料挤出机

1、特

是个MVVM框架

由MVC架构养殖,分为View(视图层)、ViewModel(数据视图层)、Model(数据层),MVVM 符号的特即是 数据绑定,罢了数据驱动视图,视图同步数据。

数据亦然单向的,称之为单向数据流

数据老是从父组件传递到子组件中,子组件权(不提倡)径直修改父组件中的数据。

不兼容ie8偏激以下浏览器

反应式旨趣式欺诈了es5的Object.defineProperty,而该API不相沿IE8

2、实例

3、选项 Options

data

函数,用于界说页面的数据

computed

对象莆田隔热条PA66厂家,遐想属,用于简化复杂逻辑处理

methods

对象,用于界说页面的函数

watch

对象,属侦听,用来监听某数据的改变并作念出对应操作

components

对象,注册组件到页面

4、基本语法

常用导

v-html:渲染HTML

v-if:判断语法,松手示/粉饰,通过是否渲染DOM来松手

v-show:松手示/粉饰,与v-if访佛,但v-show是通过display属松手

v-model:双向数据绑定,般用于表单,默许绑定value属

v-bind:

简写 :class 用于动态属绑定

v-on:

简写 @click 用于事件绑定

v-for:遍历语法,塑料挤出机设备相沿数组、对象及字符串

5、人命周期

beforeCreated:创建Vue对象

created:data运升沉,此时不错对实例作念些预操作

beforeMounted:el和data运升沉

mounted:挂载el和data,此时不错调用http央求

beforeUpdated:新DOM前,此时不错卓著地改景,不会触发重渲染经由

updated:新修改后的造谣DOM到页面,此时应避编削操作,以形成限轮回新

beforeDestory:页面遗弃前,此时不错作念些重置操作,比如拔除定时器 和 dom事件等

destoryed:页面遗弃,此时Vue实例已被删除,扫数操作均

6、路由管理Vue-Router

官的路由管理器。它和 Vue.js 的中枢度集成,让构建单页面应用变得举手之劳。

6.1 路由成就

6.2 路由跳转

声名式路由

编程式路由莆田隔热条PA66厂家

6.3 路由守卫

全局守卫

对成就的扫数路由均生,但先低与里面路由。

全局前置守卫(常用)

全局路守卫(了解)

全局后置钩子(了解)

路由享守卫(了解)

电话:0316--3233399

该守卫仅对成就的路由生,这些守卫与全局前置守卫的法参数是样的。

组件里面守卫(了解)

不错在路由组件内径直界说以下路由航守卫,仅对现时组件生。

组件内的守卫 | Vue-Router官文档

7、景管理器Vuex

7.1 成就

8、五大中枢属

state

数据源,不要径直修改state景

mutations

改变state景的唯阶梯

actions

存放异步操作,异步触发mutation改变state

getters

数据源处理,访佛遐想属

modules

模块化,让每个模块单管理套我方的state、mutations、actions和getters。

modules|Vuex官文档

9、Http央求库Axios

基于 promise 封装的Http央求库,官荐

到此这篇对于Vue 2. 基础详备的著作就先容到这了莆田隔热条PA66厂家,多接头Vue 2. 基础本请搜索剧本之曩昔的著作或接续浏览底下的接头著作但愿大以后多多相沿剧本之!

相关词条:不锈钢保温施工
塑料管材生产线
钢绞线厂家玻璃棉板
新闻资讯 产品展示 联系建仓
18631662662
电话:18631662662
地址:文安县兴隆宫镇大郭庄工业区
珠海塑料挤出机厂家_建仓机械