分类: Vue
thumbnail
Vue

Vuex笔记

Vuex的使用 Vuex是专门在Vue中实现集中式状态(数据)管理的一个Vue插件,他是一种组件间通信的方式,适用于任意组件之间的通信 安装 下载 在Vue2中安装Vue……
thumbnail
Vue

Vue ref属性

Vue ref属性 被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 使用方式……
thumbnail
Vue

15_生命周期

什么是声明周期 组件从创建到销毁的整个过程,在这个过程中有一些生命周期函数,作用是在组件创建到销毁的过程各个阶段执行特定的操作。 生命周期函数 before……
thumbnail
Vue

14_自定义指令

自定义指令 内置指令 以下是一些Vue中的内置指令 v-bind:单项数据绑定(可以解析表达式),简写 :xxx v-model:双向数据绑定 v-for:遍历数组/对象/字符串 v-……
thumbnail
Vue

12_表单数据

表单数据 收集表单数据 当<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。 当<input type="radio"/>,则v-model收集的……
thumbnail
Vue

11_数据监视

数据监视 Vue数据监视原理: Vue会监视data中所有层次的数据。 检测对象中的数据 通过setter实现监视,且要在new Vue时就传入要监测的数据。 对象中后……
thumbnail
Vue

04_事件处理

事件处理 事件监听 v-on指令可以监听DOM事件,并在触发时执行JavaScript代码 <body>  <div id="app">    <h1>count: {{ count }}</h……
thumbnail
Vue

03_el与data的两种写法

el与data的两种写法 el的两种写法 第一种写法:创建vue实例的时候配置el属性 <script>  const vm = new Vue({    el: '#app',    data() {     ……
thumbnail
Vue

01_Vue模板语法

Vue模板语法 Vue模板语法有两大类: 插值语法: 功能:用于解析标签体内容。 写法:{{xxx}} 用法: <body>  <div id="app">    <h1>{……