- 博客(30)
- 收藏
- 关注
原创 Vue全家桶开发商城页面笔记2
配置淘宝镜像:npm config set registry https://registry.npm.taobao.org配置完镜像之后验证是否成功:npm config get registry
2020-04-09 19:05:05 114 1
原创 Git相关
window-环境变量记住git密码(克隆https)git config --global credential.helper store克隆shh
2020-04-08 15:55:00 97
原创 vue笔记之watch、computed、methods的对比
1.computed:computed属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算,主要当作属性来使用; <div id="app"> <!-- 1.我们要监听到文本框数据的改变,这样才能知道什么时候去拼接出一个fullname --> <!-- 2.如何监听到文本框的数据改变 --> <input type="text" v-m...
2018-10-02 21:08:07 126
原创 vue笔记之路由传参
1.使用query方式<div id="app"> <!-- 如果在路由中,使用查询字符串,给路由传递参数,则不需要修改路由规则的path属性 --> <router-link to="/login?id=10&name=zs" tag="span">登录</router-link> <router-
2018-10-02 15:48:31 202
原创 vue笔记之路由
<style type="text/css"> .router-link-active,.active{color:red;font-weight: 700;font-style:italic;font-size:80px;text-decoration: underline;} .v-enter,.v-leave-to{opacity: 0;transform: translat...
2018-10-02 15:42:57 79
原创 vue笔记之组件案例-实现评论的发表和自动刷新列表
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt
2018-09-29 16:24:02 1671
原创 vue笔记之组件切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue
2018-09-28 15:35:21 856
原创 vue笔记之组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue
2018-09-28 15:33:41 93
原创 vue笔记之创建组件
模块化:是从代码逻辑的角度进行划分的组件化:是从UI界面的角度进行划分的第一种方法&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;titl
2018-09-28 10:06:34 130
原创 vue笔记之动画03-列表动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <link rel="stylesheet" href=&qu
2018-09-28 09:21:18 91
原创 vue笔记之动画2-钩子函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <link rel="stylesheet" href=&qu
2018-09-28 09:19:44 254
原创 vue笔记之动画1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <link rel="stylesheet" href=&qu
2018-09-28 09:18:29 94
原创 vue笔记之后台数据模拟
1.在项目根目录创建一个data.json{ "personnel": [ { "id":1, "name": "张三", "sex": "男" }, { "id":2, &quo
2018-09-23 11:54:57 286 1
原创 vue笔记之生命周期
<div id="app"> <input type="button" name="" value="修改msg" @click="msg='no'"> <h3 id="h3">{{msg}}</h3> </div> <scr
2018-09-22 14:40:28 105
原创 vue笔记之自定义指令
<!--<h3 class="panel-title" v-color>添加品牌</h3>--><h3 class="panel-title" v-fontweight="'700'" v-fontsize="30" v-focus v-color="'blue'">添加品牌</h3
2018-09-22 10:10:30 93
原创 vue笔记之过滤器
定义一个Vue全局的过滤器,名字叫做msgFilter可带有参数,需要替换的文字可以是正则也可以是字符串,可以使用多个过滤器&amp;amp;amp;lt;p&amp;amp;amp;gt;{{ msg | msgFormat('你好')}}&amp;amp;amp;lt;/p&amp;amp;amp;gt;Vue.filter(&amp;amp;quot;msgFilter&amp;amp;quot
2018-09-21 13:55:15 506
原创 vue笔记总结01
1.插值表达式:v-cloak、v-text、v-html、v-bind(缩写:)、v-on(缩写@)、v-for、v-model、v-show、v-if2.事件修饰符:.stop、.prevent、.capture、.self、.once3.el 指定要控制的区域data是个对象,指定了控制的区域内要用到的数据methods虽然带个s后缀,但是是个对象,这里定义方法4.在VM实例中,如...
2018-09-21 09:50:17 85
原创 vue笔记之v-if和v-show
v-if的特点是每次都会重新删除或创建元素,有较高的切换性能消耗v-show的特点每次不会重新进行DOM的删除和创建操作,只是切换了元素 display:none样式,有较高的初始渲染消耗元素涉及到频繁的切换,最好不要使用v-if如果元素可能永远也不会被显示出来被用户看到则推荐使用v-if&amp;lt;input type=&quot;button&quot; @click=&quot;flag=!flag&q
2018-09-21 09:30:23 92
原创 vue指令之v-for和key属性
data: { list:[1,2,3,4,5,6], listObj:[ { id:1,name:'张三' }, { id:2,name:'李四' }, { id:3,name:'王五' }, { id:4,name:'你好' } ], user: { id:1, name:'linyan', ...
2018-09-19 16:15:41 524
原创 vue笔记之内联样式
如果属性带有-时,需要加单引号,如:‘font-weight’&lt;h1 :style="{color:'red','font-weight':200}"&gt;这是h1&lt;/h1&gt;&lt;h1 :style="styleObj"&gt;这是h1&lt;/h1&gt;export d
2018-09-19 15:46:23 386
原创 vue之使用class样式
&amp;lt;script&amp;gt;export default { name: 'App', data: function () { return { flag:true, classObj:{red:true,thin:true,italic:true,active:true} } }}&amp;lt;/script&amp;gt; &
2018-09-19 09:39:26 239
原创 vue笔记之事件修饰符
&lt;!-- 使用 .stop 阻止冒泡事件--&gt; &lt;div class="inner" @click="divHandler"&gt; &lt;input type="" name="" @click.stop="btnHan
2018-09-18 17:48:13 94
原创 vue笔记之跑马灯效果
&lt;template&gt; &lt;div id="app"&gt; &lt;input type="button" name="" value="开始" @click="start"&gt; &
2018-09-18 17:04:31 1088
原创 vue笔记之MVC和MVVM之间的区别
MVC是后端的分层开发概念;view视图层每当用户操作了界面,如果需要进行业务的处理,都会通过网络请求,去请求后端的服务器,此时,我们的这个请求就会被后端的App.js监听到。app.js项目的入口模块,一切的请求都要先进入这里进行处理注意:app.js并没有路由分发的功能,需要调用router.js模块进行路由的分发处理。router.js这是路由分发处理模块,为了保证路由模块的职...
2018-09-18 15:17:43 2702
原创 vue笔记值store
&lt;template&gt; &lt;div id="app"&gt; &lt;!-- &lt;img src="./assets/logo.png"&gt; --&gt; &lt;!-- &lt;router-view/&gt; -
2018-09-18 14:36:37 352
原创 vue组件之间的调用
&lt;!-- App.vue --&gt;&lt;template&gt; &lt;div&gt; &lt;Header&gt;&lt;/Header&gt; &lt;Footer&gt;&lt;/Footer&gt; &am
2018-09-17 18:19:30 220
原创 vue笔记之v-model
&amp;lt;!-- 按回车键添加内容 --&amp;gt;&amp;lt;input v-model=&quot;todoText&quot; v-on:keyup.enter=&quot;addText&quot;&amp;gt;&amp;lt;ul&amp;gt; &amp;lt;li v-for=&
2018-09-17 17:22:54 78
原创 vue笔记02
:class="{textcolor:item.isTextColor}" &lt;!-- class 绑定 --&gt;&lt;template&gt; &lt;div id="app"&gt; &lt;!-- v-text和v-html区别 --&gt; &
2018-09-17 16:44:17 94
原创 vue笔记01
vue组件的重要选项 data、methods、watch data:vue对象的数据 methods代表vue对象的方法 watch:设置了对象监听的方法new Vue({ data: { a: 1, b: [] }, methods: { doSomething: function () { ...
2018-09-17 15:51:52 88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人