vue
关注
分享
扫一扫
jiaody111
这个作者很懒，什么都没留下…
展开
-
Vue9--render和ref
render Vue渲染组件的两种形式： 1.先注册组件，在Vue实例中通过标签名引用，此时不会覆盖实例控制区域 2.注册组件，在Vue实例中通过render方法渲染，此时会覆盖实例控制区域 <body> <div id="app"> dddsfsfgdsfggs </div> <template id="tem"> <p...原创 2020-01-26 22:58:24 · 334 阅读 · 0 评论 -
Vue7--生命周期方法
原创 2020-01-26 21:57:29 · 884 阅读 · 0 评论 -
Vue8--watch
通过watch监听Model中数据的变化, 只要数据发生变化, 就会自动调用对应的回调函数 body> <div id="app"> <input type="text" v-model="num1"> <span>+</span> <input type="text" v-model="num2"> ...原创 2020-01-26 18:02:10 · 291 阅读 · 0 评论 -
Vue6--Vuex
Vuex实现数据共享 <head> <meta charset="UTF-8"> <!--注意点: 在导入Vuex之前必须先导入Vue--> <script src="js/vue.js"></script> <!--导入Vuex--> <script src="js/vuex.j...原创 2020-01-10 14:12:36 · 233 阅读 · 0 评论 -
Vue4--过渡动画
在Vue中给元素添加过渡动画： 将需要执行动画的元素放在transition标签中 每一组transition标签只能控制一个标签的过渡动画，如果在transition中有多个标签，也只能在第一个标签添加过渡动画 如果想给多个元素添加过渡动画, 那么就必须创建多个transition组件 当transition组件中的元素显示时会自动查找.v-enter/.v-enter-active/.v-e...原创 2020-01-09 20:56:28 · 254 阅读 · 0 评论 -
Vue5--自定义组件/父子组件/组件多级传递/插槽
自定义全局组件 在<template id="模板id">中定义模板 在Vue.component中注册模板(“模板名”, { template: “#模板id” }); 在html中通过<模板名></模板名>使用模板 在这里插入代码片 ...原创 2020-01-09 20:34:54 · 3065 阅读 · 0 评论 -
Vue2--计算属性/函数/过滤器/时间格式化
可以在{{}}中编写合法的JavaScript表达式，但是对于复杂逻辑，存在代码难懂不易理解的缺点。 计算属性 通过在Vue实例的computed中使用函数计算属性，并将函数的返回值赋值给变量值 注意点: 虽然在定义计算属性的时候是通过一个函数返回的数据，但是在使用计算属性的时候不能在计算属性名称后面加上()， 因为它是一个属性不是一个函数(方法)。 <body> <di...原创 2020-01-06 12:37:18 · 2479 阅读 · 0 评论 -
Vue1--数据绑定/常用指令/自定义指令
Vue: 1.通过数据驱动界面更新，无需操作DOM更新界面 2.组件化开发：将网页拆分成一个个独立的组件编写，再通过封装好的组件拼接成一个完整的页面。 vue的基本模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&l...原创 2020-01-05 21:14:22 · 742 阅读 · 0 评论