vue
Halo丶小时光
随性,随缘
展开
-
动态组件与v-once
<component :is="type"></component>type为子组件的名字,type为什么这个组件就是什么但是这种操作方式每次执行流程都是销毁一个组件进行另一个组件的切换,一定程度上会影响性能两个一样的组件可以使用v-once进行缓存组件...原创 2019-10-18 10:10:05 · 57 阅读 · 0 评论 -
vue插槽
<!DOCTYPE html><html><head> <title>vue插槽</title> <script type="text/javascript" src="vue.js"></script></head><body> <div id="app"> ...原创 2019-10-18 10:06:03 · 76 阅读 · 0 评论 -
父子组件的数据传递
<html><head> <title>父子组件之间的传值</title> <script type="text/javascript" src="vue.js"></script></head><body> <div id="app"> <counter :count...原创 2019-10-15 11:30:43 · 92 阅读 · 0 评论 -
Vue组件深入理解
Vue组件中的is用法<!DOCTYPE html><html><head> <title>Vue样式</title> <script type="text/javascript" src="vue.js"></script></head><body> <div id=...原创 2019-10-14 13:57:27 · 112 阅读 · 0 评论 -
Vue的样式绑定
Vue的样式绑定分为直接class绑定对象class绑定数组style直接绑定属性style绑定数组<!DOCTYPE html><html><head> <title>Vue样式</title> <script type="text/javascript" src="vue.js"></script&...原创 2019-10-13 12:32:50 · 81 阅读 · 0 评论 -
Vue计算属性的geter和seter
computed:{ fullName:{ get:function(){ return this.firstName + "" + this.lastName }, set:function(value){ var arr = value.split("") console.log(arr) } } ...原创 2019-10-13 12:01:09 · 365 阅读 · 0 评论 -
计算属性、方法、侦听器
在computed、methods、watch方法中,对于优缺点computed是存在缓存机制当对于computed,在其他变量进行变化时候,触发computed,只有computed相关变量进行变化的时候才会触发<!DOCTYPE html><html><head> <title>计算属性、方法、侦听器</title> &...原创 2019-10-13 10:41:03 · 95 阅读 · 0 评论 -
Vue生命周期函数
Vue的生命周期函数就是vue实例在某个时间点会自动执行的函数这些Vue生命周期函数不用在methods方法里面去声明beforeCreate:function(){ console.log("beforCreate")}created:function(){ console.log("created")}beforeMount:function(){ console.log(...转载 2019-10-13 09:49:54 · 69 阅读 · 0 评论 -
Vue组件基础
全局组件<template> <todo-item :content="item" v-for="item in items"></todo-item></template><script> //全局组件的注册方式 Vue.component("TodoItem",{ props:['content'], templa...原创 2019-10-12 08:16:11 · 64 阅读 · 0 评论 -
Vue基础语法--指令
表达式表达式是各种数值、变量、运算符的综合体在Vue的表达式中是不支持条件控制语句的{{if(true) return 'DD'}} #这是错误的语法{{true?1:0}}#正确的语法指令指令是带有v-前缀的特殊特性,其值限定为绑定表达式例如:v-if v-on v-show v-bind...各个指令的学习基础的语法我也有所了解,就查下漏v-if 筛选多个元素<...原创 2019-10-11 13:10:51 · 229 阅读 · 0 评论 -
Vue基础--模板语法
模板语法,就是template中的语法<template></template>给模板赋值<template> <div>{{msg}}</div></template><script> props:{ msg:'赋值' } data(){ return:{ msg:'赋值' ...原创 2019-10-10 23:42:17 · 229 阅读 · 0 评论