vue
Milan_KunderLa
这个作者很懒,什么都没留下…
展开
-
组件之间的通信之动态属性传递
1.在父组件中,通过import载入子组件如:import ComA from './components/a'2.在a.vue中,设置导出模板:export default{}3.在当前父组件中注册子组件:import ComA from './components/ComA'import ComB from './components/ComB'import ComC from './comp...原创 2018-04-17 08:57:52 · 654 阅读 · 0 评论 -
组件之间的通信之动态组件
1.什么叫做动态组件通过:is="XXX"绑定的组件,被绑定的变量被定义在data里面可以进行动态的更新。类似路由<router-view></router-view><keep-alive> <com-a></com-a></keep-alive>//在切换组件的时候,<keep-alive>原创 2018-04-17 08:59:00 · 459 阅读 · 0 评论 -
vue之自定义指令
1.如何自定义一个指令?在export模板中加入directives选项比如:directives:{ css:{ inserted(el,bind){ console.log("inserted"); } bind(el bind){ console.log("bind"); } } }像这样的inserted,bind称为钩子...原创 2018-04-18 20:47:51 · 229 阅读 · 0 评论 -
vue功能接口之插件
1.概念初步理解类似vue-router,vue-x,vue-resource都是以插件的形式引入到项目里面插件可以理解为功能丰富的组件,它有一套完整的系统,独立于vue而存在,用于扩展vue的功能2.插件的安装过程: 我们可以在package.json文件中查询到项目中有哪些依赖vue-router:前端路由的功能,后续的博客中将会详细讲到它的使用vue-resource:用于发起http请求假...原创 2018-04-19 08:11:36 · 671 阅读 · 0 评论 -
vue学习之理论篇
1.什么是vue全家桶? vue全家桶就是指包括:vue-router ,vuex ,vue-resource ,vue-cli,再加上sass样式,就是一个完整的vue项目的核心构成vue-cli:项目构建工...转载 2018-04-19 09:04:13 · 295 阅读 · 0 评论 -
vue-router(1)
1.什么是路由?根据不同的地址跳转到不同的页面2.单页面应用:通过js使页面看起来到了另一个页面,但是其实这个页面一直没有刷新不用频繁的与服务器进行请求,不需要把整个页面进行刷新,而是通过ajax技术进行了局部刷新3.设置路由a、为项目安装vue-router npm install vue-router --save在package.json文件中会添加vue-router依赖的配置并且在nod...原创 2018-04-20 17:05:40 · 367 阅读 · 0 评论 -
vue-router(2)
1.路由嵌套在路由下面可以嵌套其他的路由,通过添加children即可,其原理还是和树状组件类似子组件会渲染到父组件的位置,不会插入到根组件位置同样的,不要忘记引入组件 新建一个测试用的vue 特别重要的一点:子组件不会在根组件中被渲染,所以一定要在其父组件中使用<router-view>引入 在地址栏输入:成功! 7、命名的路由视图、路由重定向具名的路由:在设定路由表的时候就给它设...原创 2018-04-21 11:23:49 · 186 阅读 · 0 评论 -
vue踩坑笔记之src的动态绑定赋值问题
我的需求是这样的,在一个页面点击了路由器的链路,将某个对象传递给下一个页面,这个对象的其中就包含了一个{递减:'',IMG:''}这样的对象数组,我想在跳转的页面将这个IMG显示出来,于是我这样做:在跳转的下一个页面接收这个数组DUI在HTML中进行展示赋值的语句并没有什么错误,但是出现了下面的结果:其中文字内容能够正常显示,说明传递的数据没有错但是由于在div中显示之前,webpack并没有去编...原创 2018-05-15 10:45:59 · 20804 阅读 · 3 评论 -
《vue全套学习教程》听课笔记
1.理清楚文件目录结构:main.js:入口文件注意:加载的视图名字与组件名字一样App.vue:第一个组件index.html:2.一个组件的组成部分: 1.<template></template>相当于html文件,结构层 2.<script></script>相当于js文件,行为层 3.<style><...原创 2018-06-26 18:28:49 · 1824 阅读 · 0 评论