随笔分类 - Vue学习
摘要：Document 评论人： {{ item.user }} {{ item.content }} 评论人： 评论内容： ...
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：js string类型转换成数组对象类型 eval 该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。 插件原始数据 拼接的字符串：[{time:"00:00",value:0}
阅读全文
摘要：<div id="app"> <!-- 还是使用 标签形式,引入自己的组件 --> <mycom2></mycom2> </div> <script> // 注意:不论是哪种方式创建出来的组件,组件的 template 属性指向的模板内容,必须有且只能有唯一的一个根元素 Vue.component(
阅读全文
摘要：Document 这是一个H3 这是一个H6
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：文件名字--bootstrap3 Sinppets 安装 补全--bs3 组件都是bs3开头的 例子： table表格 bs3-table-bordered 属性添加隔行变色--table-striped
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：循环简单数组 <p v-for="(item, i) in list">索引值：{{i}} 每一项：{{item}}</p> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { list: [1, 2, 3, 4, 5,
阅读全文
摘要：Document {{ msg }} --> Document 这是一个很大很大的H1，大到你无法想象！！！ --> 这是一个很大很大的H1，大到你无法想象！！！ --> ...
阅读全文
摘要：.prevent阻止默认行为（阻止链接跳转） .capture捕获机制 先执行父标签，也就是上一级外层事件，在执行内部触发的事件，自外向内 原本为由内向外-也就是冒泡事件--现在是由外向内触发 .self只有点击自己猜触发 .once
阅读全文
摘要：定时器：setInterval(function(){}, 400) 在这个函数中function()函数中的this 指向的是window对象 所以改写为：在外边定义一个变量var _this = this 或者 内部this指向外部this setInterval ( () => {},400)
阅读全文
摘要：将鼠标放到按钮上，显示提示， 原始固定语法-- <input type="button" value="按钮" title="mytitle"> 提示：这里data虽然定义了变量mytitle的内容，但是不会显示，只显示mytitle 应该为变量--是一个可以传递的属性值 <input type="
阅读全文
摘要：1.样式隐藏 <style> [v-cloak] { display: none;//隐藏属性 } </style> <!-- 使用 v-cloak 能够解决 插值表达式闪烁的问题 --> <p v-cloak>++++++++ {{ msg }} </p> 2.用v-text <h4 v-text
阅读全文
摘要：<input type="text" class="form-control" v-model="keywords" id="search" v-focus > /*使用Vue.directiive()定义全局的指令 其中：参数1：指令的名称，之一在定义的时候，指令的名称前 面不需要加 v- 前缀，
阅读全文
