vue
关注
分享
扫一扫
scwMason
一个怀揣梦想的有志青年
展开
-
v-cloak和v-text解决插入表达式闪烁问题，以及v-html用法
<div id="app"> <p>{{msg}}</p> </div> <script src="vue-2.5.17.js"></script> <script> var vm=new Vue({原创 2018-10-28 13:43:47 · 646 阅读 · 0 评论 -
vue---路由（一）
基本使用 <style> .router-link-active { color: red; font-weight: 200; font-size: 40; font-style: italic; } .v-enter, ...原创 2019-04-08 15:19:03 · 181 阅读 · 0 评论 -
vue---评论列表实例
目的熟练父组件跟子组件之间的传递以及localStorage的使用代码<body> <div id="app"> <cmt-box @func='loadComments'></cmt-box> <ul class="list-group"> <li cl...原创 2019-04-07 13:50:30 · 957 阅读 · 0 评论 -
组件
创建组件使用Vue.extend创建<div id="app"> <my-com1></my-com1> </div> <script> var com1=Vue.extend({ template:"<h3&g...原创 2019-02-08 13:12:03 · 172 阅读 · 0 评论 -
进入、离开过渡动画
可以看API：https://cn.vuejs.org/v2/guide/transitions.html#ad 简单实现一个按钮控制出现和消失的动画<style> .demo-enter, .demo-leave-to{ opacity: 0; transform: translateX(150px); ...原创 2019-01-14 21:41:28 · 796 阅读 · 0 评论 -
品牌案例提升（结合vue-resouce）
<!-- 品牌列表改造 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init原创 2019-01-14 21:38:54 · 291 阅读 · 4 评论 -
结合node搭建jsonp服务器
var http = require('http');var server = http.createServer();const urlModule = require("url");//解析url地址server.on("request", function (req, res) { const { pathname: url, query } = urlModule.pars...原创 2019-01-05 11:21:31 · 277 阅读 · 0 评论 -
jsonp原理详解
https://blog.youkuaiyun.com/hansexploration/article/details/80314948 对这个文章总结一下： jsonp就是利用了src这样的可以跨域的属性，然后在本地动态的创建一个script来添加src然后实现跨域<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//...转载 2018-12-24 00:03:01 · 152 阅读 · 0 评论 -
Vue-----品牌案例讲解
<body> <div id="app"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title"&原创 2018-12-23 20:02:09 · 344 阅读 · 1 评论 -
v-show和v-if
<div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <h3 v-if="flag">这是v-if控制</h3> <h3 v-show="原创 2018-10-30 22:54:35 · 128 阅读 · 0 评论 -
v-for使用注意事项
<div id="app"> <div> <label for="">id: <input type="text" v-model="id"> </label> <label for="原创 2018-10-30 22:31:45 · 798 阅读 · 0 评论 -
v-model
基本功能：双向数据绑定，v-bind只是单项绑定,只用在表单元素中 简单计算器示例：<body> <div id="app"> <input type="text" v-model="info1"> <select name="" id="" v-mode原创 2018-10-29 17:21:00 · 223 阅读 · 0 评论 -
.stop、.prevent、.capture、.self、.once
.stop<div id="app"> <ul @click="ulclick"> <li @click.stop="liclick"></li> </ul> </div> <scri原创 2018-10-28 18:03:27 · 188 阅读 · 0 评论 -
v-bind、v-on
v-bind（缩写是：）1.用于绑定属性<input type="button" v-bind:value="msg3">var vm=new Vue({ el:'#app', data:{ msg:'123', msg2:"<h2>我是一个好学生</h2>", msg3:"我...原创 2018-10-28 17:04:10 · 223 阅读 · 0 评论 -
监视文本框的输入
watch属性<div id="app"> <input type="text" v-model="fir">+ <input type="text" v-model="sec">= <input type="text" v-model="full"> </div> &...原创 2019-04-24 23:23:54 · 428 阅读 · 0 评论