logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue的学习之路二:指令学习

<body><div id="app"><!-- 使用 v-cloak 能够解决,插值表达式闪烁的问题 --><p v-cloak>++++++++++++++++{{msg}}-------------------------</p><h4 v-text="msg">==========================&lt

#html#javascript
Vue的学习之路十七:生命周期函数

生命周期图代码<body><div id="app"><input type="button" value="修改msg" @click="msg='No'"><p id="h3">{{msg}}</p></div><script>var vm = new Vue({el: '#app',data: {

#python#html#javascript
Vue的学习之路十二:过滤器

<body><div id="app"><p>{{ msg | msgFormat('疯狂', '123') | test }}</p></div><div id="app2"><p>{{ msg | msgFormat('疯狂', '123') | test }}</p></div>&lt

#javascript#vue.js#html5
Vue的学习之路十一:v-if 与 v-show 的使用

<body><div id="app"><input type="button" @click="toggle" value="toggle" /><!-- 每次都会重新删除或创建元素 --><h3 v-if="flag">这是v-if控制的元素</h3><!-- 每次不会重新进行DOM的删除和创建操作,只是切换了元素的

#前端#html#vue.js +1
Vue的学习之路十:v-for中key的应用

<body><div id="app"><label for="">Id:<input type="text" v-model="id"></label><label for="">Name:<input type="text" v-model="name"></label><input

#vue.js#html#前端 +2
Vue的学习之路七:v-bind绑定class样式

<style>.red{color: red;}.thin{font-weight: 200;}.italic{font-style: italic;}.active{letter-spacing: 0.5em;}</style></head><body>

#css#html5
Vue的学习之路九:v-for

<body><div id="app"><!-- <p>{{list[0]}}</p><p>{{list[1]}}</p><p>{{list[2]}}</p><p>{{list[3]}}</p><p>{{list[4]}}</p><p>{

#html5#vue.js#javascript +2
Vue的学习之路三:this

<body><div id="app"><input type="button" value="浪起来" @click="lang" /><input type="button" value="低调" @click="stop" />{{ msg }}</div><script>// 注意:在VM实例中,如果想要获取 data

#html5
Vue的学习之路一:MVVC

简单介绍 Vue 的基本语法,与 Vue 中 MVVC 分别代表什么<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" />&lt

#javascript
(Python3 代码实现)《大话设计模式》三:装饰模式

装饰模式模式特点:动态地为对象增加额外的职责程序实例:展示一个人一件一件穿衣服的过程。代码特点:无#!/usr/bin/env python# -*- coding: utf-8 -*-# @Time: 2021/1/19 17:41# @Author: cch# @Site:# @File: decorator.py# @Software: PyCharmclass Person:def __i

#设计模式#python
到底了