qq_43477218的博客

文章目录Vue Router安装vue router定义两个组件配置路由导入路由使用路由自定义一个vue组件（使用vue文件）Vue练习写代码Login.vueMain.vueindex.js（注册路由）main.js（使用路由与ElementUI）App.vue（主组件）路由传递参数（三步）Vue Router我们之前在Vue学了：视图层——页面元素显示（template，slot，指令）；数据（data）；监听（el，v-on指令，methods）Vue遵守关注度分离原则，所以只关注视图层！

文章目录vue-cli脚手架需要的环境安装npm命令解释创建一个 vue-cli 应用程序1.创建一个vue项目。随便捡一个空文件夹作为项目目录。例如我在这里建一个目录：2.创建一个基于webpack模板的vue应用程序：（使用cmd执行命令）3.依赖导入4.启动项目webpack的学习与使用(vue项目的执行流程)1.安装一个webpack2.解读webpack.config.js文件暴露一个方法引入一个模块创建一个webpack.config.js3.对小demo进行打包4.前端入口引入vue-cli

文章目录Vue生命周期Axios接收后端传递的json数据解决渲染闪动问题计算属性插槽（组件的应用）模板的双向绑定（自定义事件内容分发）总结Vue生命周期我的理解：钩子函数是：你可以在vue对象中创建一个函数，函数名是钩子函数的名字！在执行到相应生命周期的阶段是调用钩子函数！例如下面与Axios结合的mounted钩子函数。AxiosAxios是一个可以在浏览器和NodeJs之间异步通信的框架（不仅仅是NodeJs），它的主要作用是实现AJAX异步通信！因为Vue遵守关注度分离原则，所以它只

文章目录双向绑定model变了，view跟着改变v-bind指令，绑定属性值v-if、v-else-if、v-else指令判断值值作为判断条件，是否显示标签表达式作为判断条件，是否显示标签v-for指令迭代数据v-on指令绑定事件v-on直接操作数据v-on通过回调函数操作数据view变了，model跟着改变v-model指令修改model中的数据Vue组件定义一个组件组件中使用model的数据双向绑定model变了，view跟着改变v-bind指令，绑定属性值【v-】开头的属性都是指令属性，是vu

Vue基础（一）vue官方文档：https://cn.vuejs.org/v2/guide/Vue只负责视图层！视图层就只负责给用户看、以及刷新后台给的信息。Vue遵守Soc原则：关注点分离原则Vue核心：数据驱动、组件化！vue也分为三层：MVVMM：model层。在这里表示JavaScript对象V：view层。在这里表示DOM元素VM：ViewModel层。连接视图与数据的中间件，Vue.js就是ViewModel层的实现者ViewModel的作用是：双向数据绑定。后端会将数