Vue学习笔记
likyqp
这个作者很懒,什么都没留下…
展开
-
移动端CSS相关
新学的flex盒模型——在父div里定义CSS:display: flex;然后在子标签里定义flex: 1;text-align:center; 然后子标签就会在一行里平均分布。如果美团外卖点餐的导航栏一样。 ...原创 2018-12-07 16:47:59 · 123 阅读 · 0 评论 -
移动端项目的目录结构
关于代码结构的问题,以前我是这样做的。 不是有路由和组件吗?那么,我的所有组件全由路由器还控制好了… 路由是这个样子的… const routes = [ {path: /header, component: Header}, {path: /nav, component: Nav}, {path: /other, component: Other} ] 但是Header和Nav是在所有页面都适...原创 2018-12-07 17:11:43 · 788 阅读 · 0 评论 -
在Vue里面以前不经常接触的基础知道
目录:①属性传值 ①属性传值 父组件向子组件传值。 AApp.vue <users v-bind:u="users"></users> <script> export default { data (){ users: {} } } </script> Users.vue &原创 2018-12-07 17:48:03 · 115 阅读 · 0 评论 -
初步使用VueRouter
npm install vue-router --save-dev 在main.js中引入 import VueRouter from 'vue-router' 使用模块 Vue.use(VueRouter)``Vue.use(VueRouter) 编写路由 const routes = [ {path:'/', redirect: '/goods'}, {path: '/good...原创 2018-12-06 12:16:05 · 136 阅读 · 0 评论 -
Vue的资源文件该如何放置?
在src目录下新建一个common文件夹,把资源文件放置在此处。例如把icon.css放在css目录下。 node express使用到的json文件可以放到根目录下。 在build/webpack.dev.conf.js里面引入node express步骤: // mock数据 // 导入express const express = require('express') // 创建expr...原创 2018-12-07 15:59:57 · 1410 阅读 · 0 评论