随笔分类 - Vue
摘要：零、传统路由与SPA的区别 传统开发方式下，URL改变后，就会立刻发生请求去请求整个页面，这样可能请求加载的资源过多，可能会让页面出现白屏。 在SPA（Single Page Application）单页面应用下，当锚点值改变后，不会立刻发生请求，而是在某个合适的时机，发起ajax请求，实现局部改变
阅读全文
摘要：```html <!DOCTYPE html Document / 在Vue中提供了一种特别的方式来获取元素： 给元素加上个ref属性，那么就可以通过this.$refs.名字来获取到该元素 / / 前面知道了Vue的生命周期的钩子函数，其中需要注意的是在DOM挂载后，事件可能不能正常的触发， 需要
阅读全文
摘要：```html Document Original message: "{{ message}}" Computed reversed message: "{{ reversedMessage }}" 我是练习watch的div 两次差值...
阅读全文
摘要：```html <!DOCTYPE html Document 改变组件的生死 <! 此标签用于使里面的组件缓存起，因此避免销毁，创建的过程，若想看见创建和销毁的过程，去掉该标签即可 / 组件的生命周期的图示链接：https://cn.vuejs.org/images/lifecycle.png 以
阅读全文
摘要：```html <!DOCTYPE html Document / 过滤器的使用：为了将数据做一些处理后才渲染出来， 它可以用在组件的内部为该组件服务，也可以声明为全局的过滤器 下面来看下组件里面过滤器的用法:首先在组件里定义后过滤器的方法， 然后在使用时使用：要过滤的value | 过滤器名 即可
阅读全文
摘要：```html <!DOCTYPE html Document // 声明子组件（子组件在前避免父组件找不到） / 子组件向父组件发送消息：需要通过事件，需要在子组件声明的时候通过某个 事件来触发父组件自定义的事件，最后通过该父组件的自定义事件来处理消息 / var Content = { temp
阅读全文
摘要：```html <!DOCTYPE html Document // Vue 中的组件分为局部组件和全局组件，局部组件的使用步骤：声明、挂载、使用 // 全局组件用法如下:第一个参数是组件名，第二个参数是options Vue.component('Btn', { template: }) // 声
阅读全文
摘要：```html Document {{ msg }} ```
阅读全文
摘要：```html <!DOCTYPE html Document // 在Vue中指令是带有v 前缀的特殊特性，用处是当表达式 // 改变时，将其产生的连带影响，响应式地作用于DOM // 常用的指令有v if、v text、v html、v show、v for // 了解下v if和v for的使
阅读全文
摘要：一、What 官方定义：是一套用于构建用户界面的渐进式框架。这，what？不明觉厉，我反正现在还是不知道，在这之前，就只知道Vue.js是用来渲染数据的，其实它的核心库只关注视图层。不多说，用多了就知道了。 二、How 因为Vue.js本身就是JavaScript脚本，那么要使用它，就必须要引入。可
阅读全文
