摘要：
1、跨域问题 解决方式：设置vue.config.js，如下所示： module.exports = { devServer:{ open:true, proxy:{ "/text":{ target:"接口域名", //changeOrigin默认是false：请求头中host仍然是浏览器发送过来 阅读全文
摘要：
监听器： 作用： 监听vue实例上的数据变化 怎么用 new Vue({ watch:{ 要监听的变量(变化后的值,变化之前的值){ // 监听的变量一发生改变就会执行这里的方法 } } }) 监听路由的变化 new Vue({ watch:{ $route(变化后的值,变化之前的值){ // 路由 阅读全文
摘要：
路由的概念 后端路由：根据不同URL地址，服务端响应不同的资源。 前端路由：针对于单页面应用来说，根据不同的地址，展示不同的界面，称之为前端路由。 怎么使用路由 引入路由的js 创建路由实例。 new VueRouter 配置地址和组件的映射关系。 routes 把路由实例挂载到vue上。 Vue实 阅读全文
摘要：
作用 可以给组件传递一些html的数据。 怎么使用 我们在组件标签内部写的html代码都会被放到组件内部template里的<slot></slot>位置。 如果希望把指定的html放到指定的位置(命名插槽) 旧版的书写方式 子组件 <template> <div> <slot name="head 阅读全文
摘要：
1、父组件向子组件传值的原因： 组件每次引用时，大体结构是一样的，但是有些数据是不一样。这个时候这些不同的数据就需要在引用组件的时候传递进来。 2、组件参数的声明 通过props声明需要传递的参数 1、通过数组声明 const comp = { props:['参数1','参数2'] } 2、通过对 阅读全文
摘要：
1、通过v-if或者v-show切换 <template id="login"> <div> 登录组件 </div> </template> <script> const login = { template: '#login', data() { return { flag: true, } } 阅读全文
摘要：
1、组件的概念 对一段前端UI界面的抽象。从UI界面的角度出发，把之前界面按照功能拆分成一个个组件，方便重用。 2、使用组件的好处 1、可复用，定义一次，可以多次调用 2、提高代码的可维护性 3、高内聚、 低耦合 3、模块化和组件化的区别 模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证 阅读全文
摘要：
1、效果图 2、使用过渡类名 1、使用动画的步骤 把需要添加动画的元素通过<transition></transition>标签包裹起来 2、编写相应的样式 .v-enter .v-enter-active .v-enter-to .v-leave .v-leave-active .v-leave- 阅读全文
摘要：
1、vue-resource的使用 1、直接在页面中，通过script标签，引入vue-resource的脚本文件； 2、注意：引用的先后顺序是-先引用Vue的脚本文件，再引用vue-resource的脚本文件。 3、vue-resource get请求案例 <div id='app'> <ul> 阅读全文
摘要：
1、什么是生命周期 从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 2、vue生命周期钩子函数 生命周期函数=生命周期事件=生命周期钩子 3、vue生命周期 4、案例 <div id='app'>{{title}} <button @click="title 阅读全文