Vue
訫鸳鸯蝴蝶梦
这个作者很懒,什么都没留下…
展开
-
Vue挂载点、模版、实例之间的关系
vue挂载点:el属性中id对应的Dom节点 模版:挂载点里的内容;也可template方式插入内容 实例:new Vue({}) 之间关系:vue实例绑定到挂载点后会自动对模版和数据进行处理,生成最终要展示的内容 代码示例: ...原创 2022-02-02 22:41:52 · 479 阅读 · 0 评论 -
Vue面向数据编程
原创 2022-02-02 23:40:09 · 269 阅读 · 0 评论 -
Vue属性绑定、单 双向数据绑定
一、vue属性绑定 1、【v-bind:】vue模版指令用于属性绑定; 模版指令等号后的内容:js表达式 2、【:】vue模版指令用于属性绑定(缩写);模版指令等号后的内容:js表达式 二、单向数据绑定 1、数据决定页面的显示,页面无法决定数据内容 三、双向数据绑定 1、主要用在表单元素上 代码示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue属性绑定、单原创 2022-02-04 22:01:02 · 831 阅读 · 0 评论 -
Vue计算属性和侦听器
一、 计算属性 computed:计算函数 对依赖属性赋值时才会触发计算函数 擅长处理场景:一个数据受多个数据影响 二、侦听器 watch:vue通过watch选项提供侦听处理 擅长处理场景:一个数据影响多个数据 代码示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue计算属性和侦听器</title> <script src="vue.原创 2022-02-04 23:24:44 · 407 阅读 · 0 评论 -
Vue插槽
详解 vue实现了一套内容分发的API,将 slot 元素作为承载分发的出口 应用场景 父组件文字内容、或者html代码,需要在子组件指定位置展示 代码示例 父组件: <template> <view> <componentA> Your Profile </componentA> </view> </template>原创 2022-02-09 23:55:56 · 294 阅读 · 0 评论 -
Vue生命周期钩子
所有生命周期的 this 上下文钩子将自动绑定至实例中,因此可访问 data(变量)、computed(组件)、methods(自定义函数) 生命周期图示 生命周期钩子 类型 描述 详情 beforeCreate Function 在实例初始化之后调用 跳转 created Function 在实例创建完成之后调用 跳转 beforeMount Funtion 在挂载开始之前调用 跳转 mounted Function 挂载到实例上之后调用 跳转 beforeUpdate.原创 2022-02-10 14:14:55 · 209 阅读 · 0 评论