- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue学习day6
在路由规则中定义参数 在规则中定义参数： { path: '/register/:id', component: register } 通过 this.$route.params来获取路由中的参数： var register = Vue.extend({ template: '<h1>注册组件 --- {{this.$route.params.id}}</h...
2019-09-25 20:30:56
131
原创 vue学习day5
父组件向子组件传值 组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, components...
2019-09-24 20:23:06
158
1
原创 vue学习day4
vue中的组件化 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可 组件化和模块化的区别 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； 组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用； 全局组件定义的三种方式 使...
2019-09-22 19:34:28
183
1
原创 Vue学习day3
案例：改造品牌管理 从数据库获取列表 created() { this.getAllList() }, 当 vm 实例 的 data 和 methods 初始化完毕后，vm实例会自动执行created 这个生命周期函数，下面的getAllList()函数应该在created中执行 getAllList() { // 获取所有的品牌列表 ...
2019-09-21 20:05:44
362
1
原创 vue学习day2
vue学习day2 案例3：品牌管理 添加品牌 html部分 <div class="panel-body form-inline"> <!-- form-inline属性让该元素的子元素都会在一行中显示 --> <label>Id:<input type="text" class="form-control" v-model="i...
2019-09-20 20:30:12
316
1
原创 vue学习day1
关于vue的一些概念 vue.js是前端的主流框架之一，与Angular.js以及React.js一起为前端三大主流框架 vue.js的主要工作是负责MVC中的V，也就是视图层，用来制作前端页面效果 vue的一个核心概念：让用户不再操作DOM元素，让我们有更多时间关注业务逻辑 Vue的基本代码 //Vue实例所控制的这个元素区域，就是view层 <div id='app'> &l...
2019-09-19 19:53:29
354
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人