weixin_45267102的博客

文章目录前端框架—Vue路由router1. 场景模拟1.1.编写父组件1.2 编写登录及注册组件login.js内容register.js内容1.3 在父组件中引用1.4 存在的问题2. vue-router简介和安装3. vue-router快速入门3.1 在父组件中引入router对象3.2 页面跳转控制3.3 效果4. vue-router案例☆前端框架—Vue路由router1. 场景模拟一个页面，包含登录和注册，点击不同按钮，实现登录和注册页切换：1.1.编写父组件入口：ind

在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。在vue里，所有的vue实例都是组件。组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。

指令 (Directives) 是带有 `v- 前缀的特殊特性`。指令特性的预期值是：`单个 JavaScript 表达式。`指令的职责是，当表达式的值改变时，将其产生的连带影响，`响应式地作用于 DOM`。 例如我们在入门案例中的`v-on，代表绑定事件。`

文章目录Vue的生命周期☆1. Vue实例1.1 创建Vue实例1.2 模板或元素1.3 数据data1.4 方法methods2. 生命周期钩子函数2.1 生命周期☆2.2 钩子函数☆2.3 this☆Vue的生命周期☆1. Vue实例1.1 创建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vue = new Vue({ // 选项 el:"#app" data:{ name:"mm" }, methods:{

Vue入门 1. 使用Vue的三种方案 1.1 下载安装 1.2 使用CDN 1.3 推荐npm安装 2. vue入门案例 2.1 HTML模板 2.2 vue声明式渲染 2.3 双向绑定 2.4 事件处理