上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 26 下一页
摘要: computed属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。主要当作属性来使用; methods方法表示一个具体的操作,主要书写业务逻辑; watch一个对象,键是需要观察的表达式,值是对应回调函数。主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作;可以看作是comput 阅读全文
posted @ 2019-11-30 21:29 阿江是个程序猿 阅读(193) 评论(0) 推荐(0) 编辑
摘要: computed计算属性的使用 默认只有getter的计算属性: <div id="app"> <input type="text" v-model="firstName"> + <input type="text" v-model="lastName"> = <span>{{fullName}}< 阅读全文
posted @ 2019-11-30 21:28 阿江是个程序猿 阅读(840) 评论(0) 推荐(0) 编辑
摘要: 考虑一个问题:想要实现 名 和 姓 两个文本框的内容改变,则全名的文本框中的值也跟着改变;(用以前的知识如何实现???) 监听data中属性的改变: <div id="app"> <input type="text" v-model="firstName"> + <input type="text" 阅读全文
posted @ 2019-11-30 21:27 阿江是个程序猿 阅读(437) 评论(0) 推荐(0) 编辑
摘要: 命名视图实现经典布局 标签代码结构: <div id="app"> <router-view></router-view> <div class="content"> <router-view name="a"></router-view> <router-view name="b"></route 阅读全文
posted @ 2019-11-29 15:33 阿江是个程序猿 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 使用 children 属性实现路由嵌套 <div id="app"> <router-link to="/account">Account</router-link> ​ <router-view></router-view> </div> ​ <script> // 父路由中的组件 const 阅读全文
posted @ 2019-11-29 15:32 阿江是个程序猿 阅读(1024) 评论(0) 推荐(0) 编辑
摘要: 设置路由高亮 css: .router-link-active, /* vue-router*/ .myactive { color: red; font-weight: 800; font-style: italic; font-size: 80px; text-decoration: under 阅读全文
posted @ 2019-11-29 15:30 阿江是个程序猿 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 什么是路由 后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源,这个对应关系就是后端中的路由; 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容 阅读全文
posted @ 2019-11-29 15:25 阿江是个程序猿 阅读(3179) 评论(0) 推荐(0) 编辑
摘要: 父组件向子组件传值 组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, componen 阅读全文
posted @ 2019-11-28 19:18 阿江是个程序猿 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 使用flag标识符结合v-if和v-else切换组件 页面结构:(缺点:只适用于两个组件间切换,不适合多个) <div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <my-com1 v-if="flag"></ 阅读全文
posted @ 2019-11-28 19:17 阿江是个程序猿 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同: 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一; 组件化: 阅读全文
posted @ 2019-11-27 13:30 阿江是个程序猿 阅读(314) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 26 下一页