BloggerSb - 博客园

2019年6月22日

摘要： // 安装jade包 npm install jade jade-loader --save-dev // 如果使用vue-cli构建项目，则不需要安装stylus相关的包，vue-cli默认已安装 npm install stylus stylus-loader --save-dev https: 阅读全文

posted @ 2019-06-22 22:15 BloggerSb 阅读(1020) 评论(0) 推荐(0)

路由传值及获取参数,路由跳转，路由检测，this.$route.query和this.$route.params接收参数，HttpGet请求拼接url参数

摘要：配置动态路由参数id： routes: [ // 动态路径参数以冒号开头 { path: '/user/:id', component: User } ] html路由跳转： <router-link to="/demo53/8">路径参数跳转</router-link> ①不带参数写法： <ro 阅读全文

posted @ 2019-06-22 22:14 BloggerSb 阅读(5929) 评论(0) 推荐(0)

非父子组件如何传值？

摘要：定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。 //bus.js import Vue from 'vue' export default new Vue() // 引入公共的bug，来做为中间传达的工具 import Bus from './bus.j 阅读全文

posted @ 2019-06-22 22:08 BloggerSb 阅读(646) 评论(0) 推荐(0)

2019年6月21日

父子组件父子组件相互调用方法与属性

摘要：父组件主动获取子组件的数据和方法： 1.调用子组件的时候定义一个ref,其中children为子组件别名 <children ref="header"></children> 2.在父组件脚本里面通过 this.$refs.header.属性 this.$refs.header.方法子组件主动获取阅读全文

posted @ 2019-06-21 06:57 BloggerSb 阅读(1410) 评论(0) 推荐(0)

2019年6月20日

Vue插槽

摘要：插槽内容：具名插槽 <template> <section> <div id="demo33-1"> <p> 组件基础之通过插槽分发内容（具名插槽）slot已被废弃 </p>我是父组件。下面是子组件： <son>  <templat 阅读全文

posted @ 2019-06-20 07:39 BloggerSb 阅读(231) 评论(0) 推荐(0)

vue常用的修饰符

摘要： v-model修饰符事件处理修饰符 https://www.jianshu.com/p/60135bb32ebb vue常用修饰符阅读全文

posted @ 2019-06-20 07:27 BloggerSb 阅读(786) 评论(0) 推荐(0)

vue 项目中assets文件夹与static文件夹引用的区别

摘要： 1、assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。build的时候由Webpack解析为模块依赖。 2、static/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这是通阅读全文

posted @ 2019-06-20 07:20 BloggerSb 阅读(684) 评论(0) 推荐(0)

v-on绑定特性命名带小横杠 ‘-’与props属性中变量怎么对应

摘要：特性命名问题：矛盾点一：html的特性不区分大小写矛盾点二：Vue中除了模板命名，其他命名不允许出现小横杠 ‘-’ 在js文件内，命名为驼峰式，camerCase，进入html文件，自动转换成短横线隔开式，kebab-case，对应的是同一个变量 props:['myMessage']——js内阅读全文

posted @ 2019-06-20 07:14 BloggerSb 阅读(1448) 评论(0) 推荐(0)

2019年6月19日

VUE数组操作方法的局限

摘要： 1.不能通过索引值直接设置一个项： vm.items[indexOfItem] = newValue 但是可以用set方法设置： Vue.set(example1.items,indexOfItem,newValue) 或者用万能的splice: example1.items.splice(inde 阅读全文

posted @ 2019-06-19 07:51 BloggerSb 阅读(229) 评论(0) 推荐(0)

2019年6月18日

js中的splice方法和slice方法简单总结

摘要： slice:是截取用的 splice:是做删除插入替换用的 slice(start,end): 参数: start:开始位置的索引 end:结束位置的索引(但不包含该索引位置的元素) 例如： var arr=[‘a’,’b’,’c’,’d’] var newArr=arr.slice(0,3); 阅读全文

posted @ 2019-06-18 06:53 BloggerSb 阅读(7609) 评论(0) 推荐(1)

Blogger

公告