![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Live wild
对喜欢的东西从一而终
展开
-
vue+ts
vue+ts新建一个基于ts的vue项目vue create ts-vue-project项目结构vue+ts使用基础import { Vue } from 'vue-property-decorator'export default class Home extends Vue { // data值 public collapsed = false; public userData = { oaName: '张三', auth: 1, auth原创 2021-08-11 15:57:01 · 217 阅读 · 0 评论 -
Vue路由传参的三种方式
Vue路由传参的三种方式第一种父组件:getDescribe1 (id) { this.$router.push({ path: `/config1/${id}` })}路由:另外路由需要配置,在path中添加/:id来对应 $router.push 中path携带的参数{ path: '/config1/:id', name: 'Config1', component: Config1},这种方法参数值会跟在url后面,子组件通过this.$route.pa原创 2020-05-30 16:22:34 · 758 阅读 · 0 评论 -
vue.js
vue.js基础Vue.js是一个轻量级MVVM框架。vue.js的核心思想是数据驱动+组件化。1.vue实例<script src="../lib/vue.js"></script><body><div id="app"> 你的名字是:{{name}}</div></body>// 创建...原创 2020-03-17 23:25:41 · 386 阅读 · 1 评论 -
单页面应用vs多页面应用
单页面应用vs多页面应用多页面应用: 每次页面跳转,都要发一个html请求,服务器端返回一个html文件。优点: 首屏展示时间快,且搜索引擎优化效果(SEO)好。缺点: 页面切换慢。单页面应用: 页面的跳转不需要发html请求,而是通过js动态的把当前页面的内容删除掉,再去把新的页面中的内容渲染出来。优点: 页面跳转时不需要做html文件的请求,节约了http请求发送的时延,使页面切换变...原创 2020-01-31 10:39:44 · 252 阅读 · 0 评论 -
去哪儿网app实战项目笔记——详情页面
详情页面组件结构1. 路由动态路由 { path: '/detail/:id', name: 'Detail', component: Detail } <router-link :to="'/detail/' + item.id" tag="li" > </router-link> //使用tag属性可以...原创 2019-12-24 16:06:18 · 725 阅读 · 0 评论 -
vue实例中的知识点
1.前端的数据存储使用window.localStorage,使用localStorage接口可以数据直接存储在浏览器里。两个重要的方法:localStorage.setItem(‘myCat’, ‘Tom’);//(键,值)let cat = localStorage.getItem(‘myCat’);localstorage的封装/*作用:把原生的localStorage封装,使它在...原创 2019-11-20 15:26:15 · 117 阅读 · 0 评论