vue
jiaody111
这个作者很懒,什么都没留下…
展开
-
Vue9--render和ref
renderVue渲染组件的两种形式:1.先注册组件,在Vue实例中通过标签名引用,此时不会覆盖实例控制区域2.注册组件,在Vue实例中通过render方法渲染,此时会覆盖实例控制区域<body><div id="app"> dddsfsfgdsfggs</div><template id="tem"> <p...原创 2020-01-26 22:58:24 · 302 阅读 · 0 评论 -
Vue7--生命周期方法
原创 2020-01-26 21:57:29 · 868 阅读 · 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 · 272 阅读 · 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 · 216 阅读 · 0 评论 -
Vue4--过渡动画
在Vue中给元素添加过渡动画:将需要执行动画的元素放在transition标签中每一组transition标签只能控制一个标签的过渡动画,如果在transition中有多个标签,也只能在第一个标签添加过渡动画如果想给多个元素添加过渡动画, 那么就必须创建多个transition组件当transition组件中的元素显示时会自动查找.v-enter/.v-enter-active/.v-e...原创 2020-01-09 20:56:28 · 241 阅读 · 0 评论 -
Vue5--自定义组件/父子组件/组件多级传递/插槽
自定义全局组件在<template id="模板id">中定义模板在Vue.component中注册模板(“模板名”, {template: “#模板id”});在html中通过<模板名></模板名>使用模板在这里插入代码片...原创 2020-01-09 20:34:54 · 3000 阅读 · 0 评论 -
Vue2--计算属性/函数/过滤器/时间格式化
可以在{{}}中编写合法的JavaScript表达式,但是对于复杂逻辑,存在代码难懂不易理解的缺点。计算属性通过在Vue实例的computed中使用函数计算属性,并将函数的返回值赋值给变量值注意点:虽然在定义计算属性的时候是通过一个函数返回的数据,但是在使用计算属性的时候不能在计算属性名称后面加上(), 因为它是一个属性不是一个函数(方法)。<body> <di...原创 2020-01-06 12:37:18 · 2415 阅读 · 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 · 714 阅读 · 0 评论