摘要：
一、基本路由。 1、引入 vue.js。 <script type="text/javascript" src="../vue/vue.js"></script> 2、引入核心的插件 vue-router。 <script type="text/javascript" src="./node_mod 阅读全文
摘要：
一、获取 DOM 元素。 1、在 template 中标识元素 ref="xxx"。 2、通过 this.$refs.xxx 获取元素。 3、在组件内通过 this.$el 可以获取整个组件的 DOM。 <div> <button>我是按钮</button> <button>我是另一个按钮</but 阅读全文
摘要：
1、window.onhashchange（监听URLhash） ：当一个窗口的 hash（URL中 # 后面的部分） 的改变时就会触发 hashchange 事件。 2、在hashchange 事件中匹配URL，存在则加载对应的 DOM 元素。 代码如下： <a href="#/login">登陆 阅读全文
摘要：
在使用vue-router时有时需要使用<keep-alive></keep-alive>来缓存组件状态，这个时候created钩子就不会被重复调用了，如果我们的子组件需要在每次加载的时候进行某些操作，可以使用activated钩子触发。 v-if 指令需要频繁的创建和销毁组件，已达到控制页面中部分 阅读全文
摘要：
一、watch：监视单个属性，可做简单监视和深度监视。根据数据的具体结构，决定是否采用深度监视。配置deep:true可以监测对象内部值的改变，做深度监视时使用。 1、简单监视：监视单个属性值的改变。 <div id="app"> <input type="text" name="" v-model 阅读全文
摘要：
一、Filter 过滤器，将数据进行添油加醋的操作。 过滤器分为两种： 1、组件内的过滤器（组件内有效） 2、全过滤器（所以组件共享） 使用前首先注册过滤器，然后再使用。 全局过滤器： Vue.filter('过滤器名称', 过滤器 fn(value, arg1)) // 全局过滤器 Vue.fil 阅读全文
摘要：
插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制。 代码如下： <!DOCTYPE html> <html lang 阅读全文
摘要：
一、局部组件的使用。 渲染组件-父使用子组件。 1、声子：创建子组件（对象）。 // 局部组件：声子 挂子 用子 var Vheader = { template:` <div class='head'> 我是头部组件 <Vbtn></Vbtn> </div>` }; 2、挂子：在父组件中声明，根属 阅读全文