vue2.0入门及实战开发
更好的自己520
这个作者很懒,什么都没留下…
展开
-
vue2.0入门及实战开发(一)
组件化 new Vue({ el : '#app', //渲染内容的目的地 //渲染内容 render: function(c){ c只是个形参,叫什么都可以 return c(App); }})<pre> 原样输出里面的内容<v-text> <v-html&a原创 2018-06-03 17:30:17 · 385 阅读 · 0 评论 -
vue2.0入门及实战开发(九)
给Vue原型挂载一个属性Vue.prototype.$axios=Axios;全局默认设置Axios.defaults.baseURL='http://182.254.146.100/api'post请求的时候,如果数据是字符串,默认头就是键值对否则是对象,就是application jsonthis.$axios.get(url,options)this.$axios.pos...原创 2018-06-07 12:17:39 · 233 阅读 · 1 评论 -
vue2.0入门及实战开发(八)
watch和computed的区别监视watch可以对单个变量继续监视,也可以深度监视对象如果需求是对10个变量进行监视?计算属性computed可以监视多个值,并且指定返回数据,并且可以显示在页面export default{ data(){ return{ text:[]; person:[{ ...原创 2018-06-07 12:02:58 · 188 阅读 · 0 评论 -
vue2.0知识点汇总
Vue简介数据流Vue实例对象vue常用指令class结合v-bind使用methods 和 v-on的使用v-on高级用法v-for的使用简单学生添加删除案例父子组件使用父传子父组件向自组件传递数据子组件向父组件通信vuebusvue高级vue过滤器获取DOM元素vue-router命名路由router-link 参数传递列编程式导航列原生监听锚点值改变...转载 2018-06-20 19:59:29 · 190 阅读 · 0 评论 -
@keyframes规则总结
定义和用法 1:通过 @keyframes 规则,您能够创建动画。 2:创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式,在动画过程中,您能够多次改变这套 CSS 样式。 3:以百分比来规定改变发生的时间,或者通过关键词 “from” 和 “to”,等价于 0% 和 100%。0% 是动画的开始时间,100% 动画的结束时间。 为了获得最佳的浏览器支持,您应该始终定义 0% ...原创 2018-06-20 19:51:17 · 2792 阅读 · 0 评论 -
vue2.0入门及实战开发(六)
需求:通过a标签点击,做页面数据的跳转注意:在for循环中若要绑定index,就要注意了,否则很容易报错<li v-for="(hero,index) in heros" :key="index">export default{ data(){ return{原创 2018-06-06 10:09:48 · 208 阅读 · 0 评论 -
vue2.0入门及实战开发(五)
项目路由前端路由:核心就是锚点值的改变,根据不同的值,渲染指定DOM位置的不同数据ui-router:锚点值改变,如何获取模版?ajaxvue中,模版数据不是通过ajax请求来,而是调用函数获取模版内容核心:锚点值改变以后看到vue开头,就必须知道Vue.useVue-router(路由),Vuex(管理全局共享数据)使用方式1:下载 npm i vue-router -S...原创 2018-06-05 13:09:43 · 399 阅读 · 0 评论 -
vue2.0入门及实战开发(四)
过滤器 获取DOM元素<div> 请输入内容:<input type="text" name="" v-model="text&amp原创 2018-06-05 10:20:55 · 314 阅读 · 0 评论 -
vue2.0入门及实战开发(三)
1:准备好配置文件package.json(包描述文件&&封装简易的命令)webpack.config.js文件,打包的配置文件2:创建index.html,单页应用程序的页面3:创建main.js,入口文件4:引入vue和相关的文件xxx.vue5:new Vue(options)6:options.(选项):data methods components ...原创 2018-06-05 07:59:00 · 330 阅读 · 0 评论 -
vue2.0入门及实战开发(二)
<div> <header-vue></header-vue> <body-vue></body-vue> <footer-vue>&am原创 2018-06-04 14:53:48 · 196 阅读 · 0 评论 -
vue2.0入门及实战开发(十)
轮播图实现<mt-swipe:auto="400"> <mt-swipe-item v-for="{img,index} in imgs" :key="index"> <a :href="img.url"><img :src="img.img"></a&am原创 2018-06-07 20:06:32 · 320 阅读 · 3 评论